Cum se setează culoarea transparentă în css cel puțin 3 moduri

Toate binevenite. Astăzi vă voi arăta cum să setați culoarea transparentă css. În momentul de față, în acest scop, sunt 3 moduri.

Metoda 1 - valoarea transparentă

Dacă specificați ca valoarea culorii textului sau a valorii fundal transparent. culoarea este complet transparentă, adică invizibilă. exemplu:

Acest text nu va fi văzut pe pagina.

Metoda 2 - modul de culoare RGBA

Și aceasta este o inovație CSS3. Mai devreme în dezvoltarea web a unui astfel de regim nu a fost, nu a fost doar rgb. Cu siguranță știi cum să scrie culoarea în acest format. Pentru a face acest lucru, trebuie să specificați în paranteze trei valori între 0 și 255, indicând intensitatea uneia dintre cele trei culori primare (roșu, verde, albastru). De exemplu:

Formatul nu este RGBA diferit, a adăugat numai la a patra valoare - transparența elementelor de la 0 la 1. În general, formatul de înregistrare este utilizat în principal pentru a seta o culoare semi-transparent, și nu pe deplin transparentă. Pentru a realiza o transparență deplină, la fel ca și a patra valoare a scrie 0.

În acest caz, 3 cifre nici un rol deosebit rămas pentru a juca.

aceeași culoare translucidă poate fi setat, dacă al patrulea parametru setat .01-0.99. About've scris un pic despre fundal translucide de locuri de muncă în acest articol. Puteți vedea, dacă te interesează.

Metoda 3 - opacitate

O altă proprietate a tehnologiei CSS3. Dar vreau să avertizez că funcționează un pic diferit. Cu transparență opacitate este situat în jurul blocului la care este aplicat. Astfel, deteriorarea lizibilitatea textului și percepția imaginilor. Așa că văd un sentiment de proprietate pentru a aplica numai unităților care nu au text și alte informații. Valorile pot fi setate 0 la 1, la fel ca în cazul cu al patrulea parametru atunci când specificați culorile în format RGBA.

În general, în momentul în care acest lucru este tot ce știu de moduri de a specifica o culoare transparentă în css. De ce face acest lucru, aceasta este o altă întrebare. Printr-un fundal transparent, poate fi văzut ce se află sub ea. Uneori este necesar să se facă design. În general, o recepție cu semi-transparenta de astăzi este foarte frecvente.

Sper că vă amintiți și să profite de ei înșiși prin oricare dintre aceste trei moduri. Și am asta e tot.

Ați putea fi, de asemenea, interesat în