CSSグラスモーフィズムジェネレーター

backdrop-filterを駆使した「磨りガラス」質感をマッハで生成。
背後の要素の透け具合を検証しながら、最適なHTML/CSSを書き出せます。

スタイルプリセット & 履歴
履歴
グラス設定
10px
0.2
100%
サイズ & エッジ
300px
200px
1px
0.3
16px
プレビュー背景の検証
プレビュー
GLASSMORPHISM
※ プレビュー全体の画像(背景込み)を保存できます。