任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」

Ads

2016.03.18

CSS Filter

See the Pen <a href='http://codepen.io/jordanoaragao/pen/Dsvkn/'>CSS Filter</a> by Jordano Aragão (<a href='http://codepen.io/jordanoaragao'>@jordanoaragao</a>) on <a href='http://codepen.io'>CodePen</a>.<br />

CSS Filterは任意の画像にCSSのfilterをテストできるツールです。プレビューを確認しながらツールバーを操作するだけ。画像はURLで指定します。決まったらcodeをクリックすればCSSが吐き出されます。何度か似たようなものをご紹介していますし、直感で操作出来るので説明は不要かもですね。ソースコードはcodepenで公開されています。
CSS Filter

CSS Filter

Resources & Tools

OSS

AI

CSS snippet

JavaScript snippet

WordPress Code