CSSでBackground-image(背景画像)を透過させる
img要素やdiv要素であればopacityで可能ですが、
background-imageにはOpacityが適用されません!
【本日実装したいこと】
CSSのBackground-imageを透過させたい
下の背景画像のようなイメージ
その実装方法はcssに下記を記載するだけ!
background-image:("〇〇.jpg");
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
以上で実装完了です。
今日もお疲れ様でした。