TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧:multiply/screen/overlay/darken/lighten/color-dodge/color-burn/hard
![知っておいてよかった!Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfb7232de4a4d45300ceddd5dccf607e5d0bd363/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_CSS_Tutorial_2014.png)