Glassmorphism.guide.guide_1_title
Glassmorphism.guide.guide_1_desc
Glassmorphism.guide.guide_2_title
Glassmorphism.guide.guide_2_desc
Glassmorphism.guide.guide_3_title
Glassmorphism.guide.guide_3_desc
グラスモーフィズム生成
リアルタイムプレビューとコード生成機能で、美しいすりガラスのようなCSS効果を作成します。
プロパティ
10px
20%
10%
CSSコード
background: rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px;
Glassmorphism.guide.title
Glassmorphism.guide.description