🪟
Glassmorphism(ガラス質感)
CSS Generator
スライダーを動かすだけでリアルタイムプレビュー。
backdrop-filter
を使ったガラス質感CSSをワンクリック生成。
プリセット
🧊
クラシック
定番の透明感
🌑
ダーク
夜間UI向け
⚡
ネオン
発光アクセント
🌸
パステル
やさしい色調
👑
ゴールド
リッチ・高級感
❄️
フロスト
iOS風の白
ブラー・透明度
ブラー
16px
背景透明度
15%
彩度補正
180%
輝度補正
110%
ボーダー・シャドウ
ボーダー不透明度
20%
ボーダー太さ
1px
シャドウ強度
30%
シャドウサイズ
24px
カラートーン
背景色
ボーダー色
テキスト色
シャドウ色
形状
Rounded
Sharp
Pill
Circle
背景プレビュー
ライブプレビュー
スライダーを動かすとリアルタイム更新
✨
Glassmorphism
2026年のトレンドデザイン。
backdrop-filterで実現する
美しいガラス質感。
🔮 New Trend
Learn More →
CSS
HTML
Tailwind
📋 コピー
⬇ CSS保存