Opacitatea Css, exemple

Proprietatea de opacitate CSS este responsabilă pentru transparența elementelor (imagini, text, blocuri) în html.

Opacitatea sintaxei CSS

În cazul în care valoarea poate lua valori reale în intervalul de la 0,0 la 1,0. O valoare de 1,0 înseamnă că nu există transparență (implicit).

Exemple: modul în care transparența în html

Exemplul №1. Imagine transparentă în html

Prima imagine este afișată fără transparență, a doua cu o transparență de 0,5

Pagina este convertită la următoarele

Opacitatea Css, exemple
Opacitatea Css, exemple

Exemplul 2. Efecte cu transparență în html

Implicit, blocul este parțial transparent. Când poziționați cursorul mouse-ului, blocul devine luminos. Astfel de efecte sunt adesea folosite în proiectarea siturilor.

Pagina este convertită la următoarele

Opacitatea Css, exemple

Exemplul №3. Bloc transparent în imagine în html

Mai jos este un exemplu de bloc semi-transparent care a acoperit parțial imaginea. Blocul acoperă în mod specific imaginea nu complet pentru a arăta cum arată pe fundal gol.

Pagina este convertită la următoarele

Opacitatea Css, exemple

remarcă
Internet Explorer înainte de versiunea 9.0 utilizează filtre pentru a schimba transparența; pentru acest browser scrieți un filtru: alpha (opacity = 50), unde parametrul opacity poate lua o valoare de la 0 la 100.

Articole similare