CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」

Ads

FilterBlend


FilterBlendはCSSのbackground-blend-modefilterプロパティを組み合わせて動作テスト出来るツールです。任意の画像をアップロードしてblend-modeを設定し、filterを組み合わせるだけ。filterの数値はデフォルトで表示されている値の上で上下にドラッグすれば変更できます。画像の位置やリピートの有無も同様にドラッグで変更可能です。そのままコードを吐き出してくれる、というものではないので必要な場合は自分で書く事になりますね。本ツールはソースコードがGithubにて公開されていますが、ライセンスの明記は今のところ見当たりません。

FilterBlend