元の記事:CSSで画像を暗くする サンプル

CSSで画像を暗くする デモ

元の画像

背景画像にlinear-gradientを使う

Let's do it with us!

mix-blend-modeを使う

Let's do it with us!

mix-blend-modeを使う 擬似要素

Let's do it with us!

疑似要素を使う方法

Let's do it with us!

背景色を黒にして、画像に透明度を設定する

Let's do it with us!