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 1 | 0 is volledig transparant, 1 volledig ondoorzichtig |
initial | Standaard (1) |
inherit | Erft de waarde van de parent. |
Standaard waarde, vererving
standaard | 1 (volledig ondoorzichtig) |
vererft | nee |
Voorbeelden
De witte rechthoek wordt getoond met verschillende waarden voor de opacity:
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
opacity: 1
opacity: 1
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
opacity: .75
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
opacity: .5
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst achtergrondtekst
opacity: .25