CSS 要素が半透明に透ける opacity

こんにちは。レモンティーです。

今回は要素を半透明にします。
使うのはopacityです。

.test{opacity:0.5;}

のように書くと、指定した要素が透けます。

要素の透明度は0~1で指定でき、0に近いほど透明です。
アルファ値みたいですね。

さっそく↓を透けさせてみます。

Opacityテスト


opacity:1

Opacityテスト


opacity:0.8

Opacityテスト


opacity:0.5

Opacityテスト


opacity:0.3

Opacityテスト


opacity:0.1

Opacityテスト


opacity:0

Opacityテスト


1だと全く透過せず、0だと完全に透明で見えなくなってますね。


今回はこれでおしまいです。
sawalemounity.hatenablog.com

sawalemounity.hatenablog.com

sawalemounity.hatenablog.com