Mi a feladat RGBA átláthatóság segítségével RGBA és átlátszóságát tulajdonságok

Először beszéljünk arról, hogy mi RGBA. RGB (vagyis a piros, zöld, kék - piros, zöld, kék) - szín modell lehetővé teszi, hogy a szín használatával számértékek a három komponens. Kombinálva őket, akkor kap egy csomó különböző árnyalatai.

Az alábbi ábra mutatja a Photoshop színpaletta. Felhívjuk figyelmét, hogy úgy döntöttünk, a kék szín lehet tüntetni többféleképpen, köztük a jól ismert hexadecimális, hogy mi lenne használni CSS.

test háttér: # 3792b3;
>

Beállíthatjuk az azonos színű RGB, három tizedes értékek (piros, zöld és kék).

test háttér: RGB (55.146.179);
>

Mindkét esetben kiderül ugyanolyan árnyalatú, de attól eltérő szintaxis.

RGBA jelentése Red Green Kék Alpha. A W3C magyarázza: „Ebben a leírásban, színes modell RGB kiterjesztették alfa összetevője, lehetővé teszi, hogy az átlátszóságát a szín” Ez azt jelenti, hogy felvehet egy negyedik érték (1-0), hogy a fedettség a RGB-színt. A teljes fényelnyelés érték 1, teljes átláthatóságot - 0.

Például tudjuk, hogy a kék áttetsző, hozzátéve 0,5 a negyedik értéket, amikor az RGB értékeket.

Ugyanezen RGB értékeket lehet elérni különböző fokú opacitás: 1 beállítja az átlátszóságát a 100%. 75 ad az azonos színű, de átlátszóságát 75%. 5 50%, és így tovább. D.

Az a képesség, hogy állítsa be a szín átlátszósága gyorsan és egyszerűen, közvetlenül a stíluslap - ez rendben van. De mi a helyzet a tényleges tulajdonságai fényelnyelés és miben különbözik a RGBA?

A CSS3 adhatunk a átláthatóságát tulajdonságai átlátszatlanság. Csak állítsa be az értéket 1-0, hogy meghatározzák az átláthatóságot az egyes elemek. Például, ha azt szeretnénk, hogy elérjék a homály, hogy 65% ​​az összes bekezdések az oldalon, akkor írj kódot, mint ez.

Egy jelentős különbség fényelnyelés és RGBA hogy fényelnyelés meghatározza az átláthatóság egy elem, és minden benne, míg a RGBA beállítja a homály csak a háttér színe vagy elemet.

RGBA - rendkívül rugalmas eszköz, amely lehetővé teszi, hogy az átláthatóság a szín egy egyszerű sor kódot. Az a képesség, hogy ellenőrizzék a terveket át stíluslapok helyett képek szerkesztése nem csak könnyebbé teszi az életet, hanem azt is lehetővé teszi, hogy gyorsabban és hatékonyabban - amíg a böngésző a kemény munka. És újra, ez egy ígéretes irány CSS, így most már kezd kísérletezni az új funkciók támogató böngészők fejlett stílusok (például RGBA).

Szerencsére az szintaxis színmodellel RGBA biztonságos böngészők nem támogatják. Például az Internet Explorer egyszerűen figyelmen kívül hagyja ezt a szabályt.

Most csak felületesen vizsgálták RGBA lehetőségeket. A képességét, hogy a homály ugyanakkor a színes - rugalmas és hatékony eszköz, és az RGBA - csak az egyik módja, hogy ennek elérése érdekében. RGBA modell lehetővé teszi, hogy tegyen meg mindent gyorsan és egyszerűen, és hogy szeretjük őt.

Rendeljen egy weboldal >>
által SEOKlub

Kapcsolódó cikkek