注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできる・「Glassmorphism CSS Generator」


Glassmorphism CSS Generator


Glassmorphism CSS Generatorは背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできるWebアプリです。

Windows VistaのUIでも見られ、macOS Big Surにも採用されたすりガラス風UIはGlassmorphismと呼ばれており、ブラウザでも最近のトレンドになっています。

モダンブラウザでは背景にフィルターをかけられるbackdrop-filterが採用され、こちらのジェネレーターでも使われています。

backdrop-filterのブラウザ対応状況は以下の通りです。

Firefoxだけに目をつぶれば導入できそうです。そのFirefoxも現在検討中なのでいずれ対応してくれるかもしれません。

Firefoxへのフォールバックが必要な際は@-moz-document url-prefix()などを使って対応する形になります。

尚、強いこだわりが無いなら一般的なWebサイトならIEは無視して良いと思います。

Glassmorphism CSS Generator

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG