Websites met stijl

Naslag: opacity

Op dit naslagblad

De eigenschap opacity

De eigenschap opacity bepaalt de ondoorzichtigheid van een element.

Voorbeelden

opacity: 1;
opacity: .9;
opacity: .5;
opacity: .1
opacity: 0;

opacity: 1; betekent volledig ondoorzichtig, zoals een muur, je kan er niet doorheen kijken
opacity: .9 betekent 90% ondoorzichtig, dus 10% transparant.
opacity: .5 betekent 50% ondoorzichtig, dus 50% transparant. Het element is halfdoorlatend.
opacity: .1 betekent 10% ondoorzichtig, dus 90% transparant.
opacity: 0 betekent 0% ondoorzichtig, dus 100% (volledig) transparant. Het element is volledig transparant, je ziet alleen de achtergrond

Vorm

opacity: waarde;

Waarden

getal tussen 0 en 10 is volledig transparant, 1 volledig ondoorzichtig
initialStandaard (1)
inheritErft de waarde van de parent.

Standaard waarde, vererving

standaard1 (volledig ondoorzichtig)
vererftnee

Voorbeelden

De witte rechthoek wordt getoond met verschillende waarden voor de opacity:

ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst opacity: 1 opacity: 1 ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst opacity: .75 ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst opacity: .5 ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst ach­ter­grond­tekst opacity: .25