グラスモーフィズムジェネレーター（すりガラス）

グラスモーフィズムジェネレーター（すりガラス）: 用途

ぼかし、透明度、彩度、ガラスの色、枠線、角丸を調整します。プレビューでは、図形入りのグラデーション、風景、暗い背景、または自分の写真の上にカードを表示できます。

CSSにはbackdrop-filterとSafari用の-webkit-プレフィックスが含まれ、ぼかしに対応していないブラウザー向けに、より不透明な代替色も付きます。

使い方

1. ぼかし、透明度、枠線を調整します。
2. プレビューの背景を切り替えるか、自分の写真を使います。
3. CSSをコピーして、glassクラスを適用します。

使うタイミング

• ガラス背景のヘッダーやメニュー。
• 写真の上に置く目立たせたいカード。
• モダンな見た目のインターフェース。

よくある質問

ガラスが見えないのはなぜですか？

カードの背後に色や模様のあるもの（写真、グラデーション、図形）があるときだけ効果が表れます。無地の白い背景では、すりガラスはただの白いカードに見えます。

パフォーマンスに影響しますか？

多少あります。ブラウザーが背後の内容をぼかす必要があるためです。ヘッダーや目立たせたいカードなど少数の要素に使い、長いリストや低スペックのスマートフォンでは避けてください。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール