読者です 読者をやめる 読者になる 読者になる

delalunaofficedaysのブログ

WORDPRESSとEC CUBEくらいしか触っていないWEBデザイナーの日記とかメモ。

Colofilter.cssが面白い

面白いものを見つけたので投下。 https://lukyvj.github.io/colofilter.css/

特定のクラス名を付与するだけでCSSブレンドモードを利用してデュオトーンのような表現が実装できる。

使い方は [html] <link href="path/to/colofilter.css" rel="stylesheet" type="text/css"> [/html]

[html] <div class="blend-blue"> <img src="image.png"/> <span>lorem</span> </div> [/html]

実際にやってみた。

http://bistro.site/test/colofilter-css/blend.html

おおー出来る出来る。CSSって奥が深い。