În primul rând, să vorbim despre ce este RGBA. RGB (care este roșu, verde, albastru - roșu, verde, albastru) - model de culoare, vă permite să setați culoarea utilizând valorile numerice ale celor trei componente. Prin combinarea lor, puteți obține o mulțime de diferite nuanțe.
Figura de mai jos prezinta paleta de culori Photoshop. Vă rugăm să rețineți că am ales culoarea albastră poate fi indicată în mai multe moduri, inclusiv hexazecimal familiare pe care le-ar folosi în CSS.
fundal organism: # 3792b3;
>
Puteți seta aceeași culoare RGB, utilizând trei valori zecimale (roșu, verde și albastru).
fundal corp: rgb (55146179);
>
În ambele cazuri, se transformă aceeași nuanță, dar folosește o sintaxă diferită.
RGBA standuri pentru Red Green Albastru Alpha. Pe explică W3C: „In aceasta descriere, modelul de culoare RGB extins pentru a include o componentă alfa, vă permite să setați opacitatea culorii“ Acest lucru înseamnă că puteți adăuga o a patra valoare (1 la 0) pentru a seta opacitatea RGB-culoare. Pentru valoarea totală opacitate este de 1, pentru transparență totală - 0.
De exemplu, putem face translucide noastre albastre, adăugând 0.5 ca o a patra valoare atunci când valorile RGB.
Pentru aceleași valori RGB se pot realiza diferite grade de opacitate: 1 setează opacitatea la 100%. 75 dă aceeași culoare, dar cu opacitate de 75%. 5 este de 50%, și așa mai departe. D.
Capacitatea de a seta transparența culorii rapid și ușor direct în foaia de stil - asta e bine. Dar ce putem spune despre proprietățile reale de opacitate și modul în care aceasta este diferită de RGBA?
In CSS3 pot fi adăugate folosind proprietățile de transparență de opacitate. Trebuie doar să setați valoarea 1 - 0, pentru a determina gradul de transparență a fiecărui element. De exemplu, dacă doriți să obțineți opacitatea la 65% pentru toate punctele de pe pagina, puteți scrie cod ca asta.
O diferență semnificativă între opacitate și RGBA este faptul că opacitatea specifică transparența unui element și tot ce conține, în timp ce RGBA setează opacitatea numai culoarea de fundal sau element.
RGBA - instrument extrem de flexibil, care vă permite să setați transparența culorii cu o singură linie de cod simplu. Capacitatea de a controla elementele de proiectare prin foi de stil, mai degrabă decât să editați imagini nu numai că face viața mai ușoară, dar, de asemenea, vă permite să lucreze mai rapid și mai eficient - browser-ul ia toată munca grea. Și, din nou, aceasta este o direcție promițătoare în CSS, astfel încât să putem începe acum să experimenteze cu noile caracteristici din browsere care acceptă stiluri avansate (cum ar fi RGBA).
Din fericire, utilizarea culorilor sintaxa modelului în condiții de siguranță pentru browserele care nu acceptă RGBA. De exemplu, Internet Explorer va ignora pur și simplu această regulă.
Acum suntem doar superficial studiate opțiuni RGBA. Capacitatea de a seta opacitatea în același timp cu culoarea - un instrument flexibil și puternic, iar RGBA - doar una dintre modalitățile de a realiza acest lucru. Modelul RGBA, de asemenea, vă permite să facă totul rapid și ușor, și pentru că o iubesc.
Comanda un site >>
de SEOKlub