CSS
#opacity div {
background-color: #1E90FF;
padding: 10px;
}
#opacity div.first {
opacity: 0.1;
}
#opacity div.second {
opacity: 0.3;
}
#opacity div.third {
opacity: 0.6;
}
Html
<div id="opacity">
<div class="first">
<p>opacity 0.1</p>
</div>
<div class="second">
<p>opacity 0.3</p>
</div>
<div class="third">
<p>opacity 0.6</p>
</div>
<div><p>opacity 1 (default)</p></div>
</div>
Çıktı

Tags:

css image opacity not text
css image opacity rgba
css image opacity background
css image opacity border
css opacity kullanımı
css image hover opacity color
css change image opacity on hover