Hogyan lehet az átlátszatlanság a háttérben

A CSS elemek átláthatósága

A CSS-ben háromféleképpen módosíthatjuk az elem átláthatóságát:
Az ingatlan használata ,
Funkció használatával ,
Funkció használatával .

1. Opacity ingatlan

Az ingatlan lehetővé teszi, hogy a weboldal bármely elemét részben vagy teljesen átlátszóvá tegye. Ez a tulajdonság megváltoztatja azon elemek átláthatóságát, amelyekre a háttérkép be van állítva (kép), vagy háttérrel vagy gradienssel rendelkezik. Ha az elemet, amelyre az ingatlanot alkalmazzák, más elemeket is tartalmaz, akkor is megváltoztatják az átláthatóságukat.
Az ingatlan a 0-tól a 0 (teljesen átlátszó) 1 (átlátszatlan) értékét veszi figyelembe, például:

2. RGBA () funkció

A RGBA színmodell színes árnyalatot hoz létre a szükséges arányokban Piros (piros), Zöld (zöld) és Kék (kék) Virágok, A Alpha csatorna (Alpha) felelős a szín átláthatóságának mértékéről. A tulajdonsággal ellentétben, más elemeket tartalmazó blokk esetében a funkció csak a blokk átláthatóságát megváltoztatja.

3. HSLA () funkció

Funkció, amelynek paraméterei átlagosak Hang (színárnyalat), Telítettség, KÖNNYŰSÉG és Alpha csatorna (Alpha), Lehetővé teszi az áttetsző szín beállítását is.

A színes árnyalatok százalékban vannak beállítva a megfelelő értékkel a színes körből. Maga a kör ágazatokra oszlik, amelyek határain vannak a fő színek:

0 / & #; piros szín
60 & #; sárga
& #; zöld szín
& #; kék
& #; kék szín
& #; lila
& #; Lila szín.

Ahhoz, hogy fekete legyen, hangot, telítettséget és fényerő-mutatókat kell rendelnie nulla érték & #; . Fehér színt kapunk fényerővel, és szürke színű és #; nulla telítettséggel .

Kényelmes színes átalakító, amit itt talál.