ගුණය opacity

ගුණය opacity මූලද්‍රව්‍යයකට අර්ධ පාරදෘශ්‍යතාව නියම කරයි. මූලද්‍රව්‍යයකට අර්ධ පාරදෘශ්‍යතාව නියම කර තිබේ නම් - එහි තේරුම වන්නේ ඊට යටින් පිහිටා ඇති මූලද්‍රව්‍ය හරහා පෙනෙනු ඇති බවයි.

ගුණය එහි අගය ලෙස 0 සිට 1 දක්වා වූ භාග සංඛ්‍යාවක් ගනී. මෙහිදී 0 අගය - මෙය සම්පූර්ණ පාරදෘශ්‍යතාව වන අතර, 1 අගය - සම්පූර්ණ අපාරදෘශ්‍යතාව වේ. අතරමැදි අගය, උදාහරණයක් ලෙස 0.3, අර්ධ පාරදෘශ්‍යතාවක් නියම කරයි. පෙරනිමි අගය: 1.

වාක්‍ය රචනා ක්‍රමය

cssතේරුම්ගන්නා {
  opacity: 0 සිට 1 දක්වා අංකය;
}

උදාහරණය

මෙම උදාහරණයේ, බ්ලොක් එකට අර්ධ පාරදෘශ්‍යතාව එකතු කර ඇති අතර මෙම බ්ලොක් එකේ මායිම සහ ලෙඩ්ඩිය හරහා මව් මූලද්‍රව්‍යයේ පසුබිම පෙනෙනු ඇත:

html<div id="parent">
  <div id="elem">
    Lorem ipsum dolor sit amet.
  </div>
</div>

css#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;
}

Результат: