Colofilter.cssが面白い

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

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

使い方は

<link href="path/to/colofilter.css" rel="stylesheet" type="text/css">
<div class="blend-blue">
    <img src="image.png"/>
    <span>lorem</span>
</div>

実際にやってみた。

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

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

コメントを残す