2021年06月21日(月)
CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」
css.glass
css.glassはCSS製のすりガラスを見た目を確認しながら作れるWebアプリです。上の様な、後方レイヤーにblurがかかるやつを簡単に作れるやつ。設定をいじりながら作りたいすりガラスをつくってコードをコピペするだけの簡単な操作であっという間にすりガラスが作れます。
AdsCan I Use css-backdrop-filter?
コードにはbackdrop-filterが使われています。backdrop-filterのブラウザ対応状況は上記の通り。
一部の界隈を除いて、IEはもはや気にしなくていいんじゃないかと思いますので、実質Firefox以外は対応している、というかWebkitだけが対応してるという感じ・・なのかな。
個人的にはそこそこ実用段階じゃないかと思いました。
css.g...
0
37
2
18
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
クリスタでも使える高品質なブラシ素材！Photoshopの新作ブラシがAdobe公式から無料でダウンロードできるぞ
NEXT ›
【掲載事例】商談化率が他施策の2倍！成果報酬で良質なBtoBリードを獲得する方法とは？
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」』についてまとめています。
この記事は特にレスポンシブ・Google・Firefox・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
