ගුණය opacity
ගුණය opacity මූලද්රව්යයකට අර්ධ පාරදෘශ්යතාව
නියම කරයි. මූලද්රව්යයකට අර්ධ පාරදෘශ්යතාව නියම කර තිබේ නම්
- එහි තේරුම වන්නේ ඊට යටින් පිහිටා ඇති
මූලද්රව්ය හරහා පෙනෙනු ඇති බවයි.
ගුණය එහි අගය ලෙස 0 සිට 1 දක්වා වූ
භාග සංඛ්යාවක් ගනී. මෙහිදී 0 අගය
- මෙය සම්පූර්ණ පාරදෘශ්යතාව වන අතර, 1 අගය
- සම්පූර්ණ අපාරදෘශ්යතාව වේ. අතරමැදි අගය,
උදාහරණයක් ලෙස 0.3, අර්ධ පාරදෘශ්යතාවක් නියම කරයි.
පෙරනිමි අගය: 1.
වාක්ය රචනා ක්රමය
තේරුම්ගන්නා {
opacity: 0 සිට 1 දක්වා අංකය;
}
උදාහරණය
මෙම උදාහරණයේ, බ්ලොක් එකට අර්ධ පාරදෘශ්යතාව එකතු කර ඇති අතර මෙම බ්ලොක් එකේ මායිම සහ ලෙඩ්ඩිය හරහා මව් මූලද්රව්යයේ පසුබිම පෙනෙනු ඇත:
<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;
}
:
