settings
Çalıştır
home
Anasayfa
arrow_downward
İndir
CSS
#opacity
div
{
background-color
:
#1E90FF
;
padding
:
10
px
;
}
#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