Cum de a face css fundal transparent și semi-transparent
Transparența în construirea site-
Pentru a începe este să ne înțelegem, că culoarea poate fi complet transparentă (invizibilă) și translucide. Acest lucru este atunci când mica sa văzut, și prin ea poate fi văzut celelalte elemente ale paginii web.
Cum este
De fapt, există două opțiuni principale pentru modul de a face un fundal transparent. în primul rând:
Elementul necesar definește o regulă și totul va funcționa. A doua opțiune:
modul de culoare RGBA este o versiune îmbunătățită rgb, numai atunci a indicat o alta și transparență, care poate fi setat la o valoare 1 - 0, în cazul în care 0 - complet transparent de culoare. Astfel, RGBA este o oportunitate excelentă de a seta un fundal translucid.
De ce este necesar acest lucru toate?
S-ar părea, de ce nu a seta culoarea albă, iar apoi el și nu atât pentru a fi văzut? Da, dar aici este important să ne amintim că proiectarea toate diferite site-uri.
În cazul în care culoarea de fond a întregii pagini sau unități structurale mari individuale nu este alb, atunci această metodă nu este adecvată.
În mod implicit, element de nivel bloc în cazul în care creația sa este nici un fundal explicit, este complet transparent. Asigurați-vă că este ușor - creați pe o pagină goală dintr-un bloc, defini-i niște dimensiuni (lățime și înălțime), nimic mai mult pentru a cere. Nu vezi ceva pe pagina? Nu.
transluciditatea
Cu siguranță această oportunitate vă interesează mult mai mult, deoarece ne permite de a realiza efecte interesante. În primul rând, astfel încât să puteți obține nuanțele dorite, mai moale și cu sunetul dezactivat. De exemplu, în cazul în care înregistrarea ca o culoare ceva de genul:
Apoi, vom obține destul de culoare galben strălucitor, care, în general, web design nu este întotdeauna binevenită. Dar, în cazul în care înregistrarea deja acest lucru:
Am subliniat transluciditatea, astfel încât a devenit mult mai întunecos.
De asemenea, în cazul în care două culori translucide sunt suprapuse una față de cealaltă, atunci proprietățile lor așa cum se dezvoltă și în locul în care acestea sunt suprapuse pe fiecare parte, culoarea este puțin diferită de cea originală.
Fundal transparent poate fi utilă în cazul în care nu te-ai gandit chiar. De exemplu, modul standard de a crea un triunghi prin css este setat pentru a bloca lățime zero și înălțime, apoi introduceți cele trei laturi ale cadrului transparent, iar pe de o parte pentru a alege o culoare pe care doriți. Ca rezultat, vom obține un triunghi.
În general, asta e tot ce am vrut să-ți spun astăzi despre această tehnică. Pentru mai multe informații privind transparența pot fi găsite în cursul CSS3. Am termin acest articol.
Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram
