Glassmorphism(グラスモーフィズム)は、昨年末ごろより「ニューモーフィズムの次はこれだ。」と話題になっているデザイン手法です。 この記事では、グラスモーフィズムの基本や作成上の注意点、コピペで実装できるジェネレーター、参考HTML/CSSスニペットまでまとめてご紹介します。 グラスモーフィズムって何? 2020年末ごろより人気が高まっているスタイルで、静かな不発トレンドとなったニューモーフィズムのプラスチックな質感に対して、すりガラスを通して覗いたような背景のぼかしが特長です。 ニューモーフィズム?CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ グラスモーフィズム・スタイルで押さえておきたいのが、以下の4つのポイントです。 透明度(英: Transparency): 背景のぼかしを使用したガラスのようなエフェクト 空間に浮遊するオブジェクトを用いた
![グラスモーフィズム?CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b87dc3c402eb82c28d11e6b8f78271c819687777/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2021%2F01%2Fglassmorphism-top.jpg)