グラスモーフィズム？CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ

Glassmorphism（グラスモーフィズム）は、昨年末ごろより「ニューモーフィズムの次はこれだ。」と話題になっているデザイン手法です。 この記事では、グラスモーフィズムの基本や作成上の注意点、コピペで実装できるジェネレーター、参考HTML/CSSスニペットまでまとめてご紹介します。 グラスモーフィズムって何？ 2020年末ごろより人気が高まっているスタイルで、静かな不発トレンドとなったニューモーフィズムのプラスチックな質感に対して、すりガラスを通して覗いたような背景のぼかしが特長です。 ニューモーフィズム？CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ グラスモーフィズム・スタイルで押さえておきたいのが、以下の4つのポイントです。 透明度（英: Transparency）: 背景のぼかしを使用したガラスのようなエフェクト 空間に浮遊するオブジェクトを用いた

[kotatsuhal]

「静かな不発トレンドとなったニューモーフィズム」センスある表現

[nanakoso]

WindowsのAero

[mominis]

すべてのモダンブラウザで安全に利用できるらしいが，Firefox がモダンブラウザじゃないとは知らなかったなあ．

[k_3104]

“グラスモーフィズム”

[radicode]

[]おはようございます😌 すりガラスを通して覗いたような背景のぼかしが特長のグラスモーフィズムの概要と表現・利用時のポイントを丁寧に解説✨ うまくトレンドを取り入れていきましょう😃

[masakuma0812]

［最新］［コード］

[Keisuke69]

グラスモーフィズム初めて知った。背景ぼかしてインターフェースの奥行き感を出す方法らしくてBig Surでも採用されてるらしい。CSSだけで表現できる、と。

[youichirou]

Vistaは2006年で、iOS7は2013年だから、iOS7を見てWindowsでも取り入れられたみたいな説明は不適当だと思う。

[gabill]

“静かな不発トレンドとなったニューモーフィズムのプラスチックな質感” ほんと何だったんだろ。あれ。「これが流行ってますよ」という紹介記事でしか見たことがない。

[k3akinori]

見た目の新しさではなく、A11yをクールに達成するデザインこそが生き残るデザインだと思う。これはうまく使えば成功しそう。（例示されている低コントラストのものはダメダメだけど）