【新サービスリリースのお知らせ】背面の要素にエフェクトがかかる！CSS backdrop-filter（フィルター）生成（ジェネレーター）ツール！

サービスURLはこちら
https://front-end-tools.com/generateBackDropFilter/

英語版はこちら
https://front-end-tools.com/en/generateBackDropFilter/


このツールは要素の背面に様々な効果（エフェクト）をつけることができる、便利なCSSのbackdrop-filterプロパティのジェネレーターです！
・blur（ぼかし）
・brightness（明るさ・輝度）
・contrast（コントラスト）
・grayscale（グレースケール）
・hue-rotate（色相回転）
・invert（反転）
・opacity（透過度）
・saturate（彩度）
・sepia（セピア）
・drop-shadow（ドロップシャドウ。影）
を個別・または複数設定できます。

サンプルとしてJPG画像を２枚・背景透過PNGを１枚・HTML要素を１つ用意していますが、
ご自分の画像をアップロードすることも可能です。

今後機能やツールは追加していきますが、ご要望などありましたらコメント欄からお願いいたします！

※CSS backdrop-filterは動画公開時点で一部のブラウザにしか対応しておりませんので、ご注意ください