efect de transparență de fundal (html si css) - SEO web studio kell4

Element translucidă efect clar vizibil pe imaginea de fundal, și a fost extins în diferite sisteme de operare, deoarece se pare elegant și frumos. Principalul lucru este de a avea un blocuri semi-transparente nu sunt imagini monocromatice, iar imaginea, în acest caz, transparența devine vizibil.

Acest efect este realizat în diverse moduri, inclusiv tehnicile de modă veche ca utilizarea de imagine PNG ca imagine de fundal și de a crea proprietăți opacitate celulare. Dar, de îndată ce există o nevoie de a face în secțiunea de fond semi-transparent, aceste metode sunt neplăcute dezavantaje.

Luați în considerare transluciditatea textului și fundal - cum să-l folosească în designul site-ului:

Caracteristica principală a acestei proprietăți este că valoarea de transparență se aplică tuturor copiilor din interior, nu doar fundal. Aceasta înseamnă că textul și fundal și devin translucide. Creșterea nivelului de transparență poate comanda schimba opacitatea la 0,1 la 1.

În web design de transparență parțială se aplică, de asemenea, realizată datorită formatului de culoare RGBA, care este definit numai pentru un element de fond.

De obicei, în proiectarea de translucid ar trebui să fie singurul element de fundal și text opac pentru a menține lizibilitatea. Opacitatea proprietate nu este potrivit, deoarece textul din interiorul elementului va fi, de asemenea, parțial transparent. Cel mai bine este de a utiliza formatul RGBA, din care o parte este un canal alfa, sau cu alte cuvinte, importanța transparenței. Valoarea RGBA scrisă, apoi în paranteze separate prin valorile virgule ale componentelor de culoare roșu, albastru și verde. Ultima vine transparența, care este setat 0 - 1, unde 0 înseamnă culori complet transparente și opace 1 - utilizarea RGBA sintaxă.

Valoarea translucidă opacitate de fundal pentru fundal este setată la 90% - un fond translucid și un text opac.

EXEMPLU amestecat fundal RGBA