Uwazi wa Nusu kupitia Sifa opacity katika CSS
Uwazi wa nusu wa kipengele pia unaweza kupewa
kupitia sifa opacity. Sifa hii
pia inakubali maadili ya sehemu kutoka 0
hadi 1. Wakati huo huo, uwazi wa nusu hupewa
kwa kipengele chote pamoja: maandishi yake,
background, na mpaka.
Tazama mfano:
<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;
padding: 10px;
font-size: 50px;
font-weight: bold;
border: 20px solid red;
background: black;
color: red;
opacity: 0.7;
}
:
Wacha uwe na picha fulani ya background.
Weka vizuizi viwili vilivyo na maandishi juu yake,
mpaka, na background. Onyesha tofauti kati ya
uwazi wa nusu kupitia
opacity na kupitia rgba kwenye
vizuizi hivi.
