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