任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」

Ads

CSS filter and blend mode Generator


CSS filter and blend mode Generatorは任意の画像にフィルターやブレンドモードを書けた状態を確認、コードを提出してくれるWebツールです。勉強用に良さそうですね。ブレンドモードとフィルターによる画像エフェクトで出来るエフェクトは数多にありますが、細かく試すのはコードよりこういったツールに頼ったほうが早そうです。本ツールは国産で、Apache 2.0ライセンスの元、OSSとしても公開されています。

※CSSなので画像を加工してダウンロード出来る、というものではありません。

CSS filter and blend mode GeneratorOn Github
(via:css3のプロパティ、filterとmix-blend-modeを使ってみたらすごかった。)