こんにちは、のっぽです。
本日の学習にてつまずいた箇所、調べた箇所を中心に書いています。
目次
- opacityとrgbaの仕組み
- opacityとrgbaの違い
opacityとrgbaの仕組み
opacity:不透明を表していて、値は0～1の間で指定します。
テキストでも画像でも半透明になる対象の要素の全体が半透明になってしまう。
rgba:色を指定しながら透明度も表せる。RGBカラーモデルのred・green・blueに、alphaが加わったもので、alphaは色の透明度を表す。
opacityとrgbaの違い
opacityは要素自体に値を設定するので、要素全体に効果が出てしまう。
rgbaはプロパティに対しての値。要素のプロパティに対して色や透明度の設定をしているだけなので他の要素に影響を与えない。
opacityとrgbaを使い分けよう