CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」

Ads

css.glass


css.glassはCSS製のすりガラスを見た目を確認しながら作れるWebアプリです。上の様な、後方レイヤーにblurがかかるやつを簡単に作れるやつ。

設定をいじりながら作りたいすりガラスをつくってコードをコピペするだけの簡単な操作であっという間にすりガラスが作れます。

Ads

コードにはbackdrop-filterが使われています。backdrop-filterのブラウザ対応状況は上記の通り。

一部の界隈を除いて、IEはもはや気にしなくていいんじゃないかと思いますので、実質Firefox以外は対応している、というかWebkitだけが対応してるという感じ・・なのかな。

個人的にはそこそこ実用段階じゃないかと思いました。

css.glass