Eienskap opacity
Die eienskap opacity stel 'n element se deursigtigheid
in. As 'n element deursigtigheid het, beteken dit dat
elemente daaronder deur dit sal skyn.
Die eienskap neem 'n desimale waarde van
0 tot 1. Die waarde
0 is ten volle deursigtig, en die waarde 1
is ten volle ondeursigtig. 'n Tussenwaarde,
bv. 0.3, stel gedeeltelijke deursigtigheid in.
Standaardwaarde: 1.
Sintaksis
selektor {
opacity: getal van 0 tot 1;
}
Voorbeeld
In hierdie voorbeeld het die blok deursigtigheid, en die ouer se agtergrond skyn deur die blok se rand en teks:
<div id="parent">
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
</div>
#parent {
background-image: url("bg.png");
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
padding: 30px;
}
#elem {
width: 300px;
height: 200px;
border: 20px solid red;
padding: 10px;
font-size: 50px;
font-weight: bold;
color: red;
background: black;
opacity: 0.7;
}
:
