V
Vel·ToolKitSimple · Fast · Ready to use
EN

Glassmorphism

Glass card with backdrop-filter

Preview
Glassmorphism
玻璃拟态 · backdrop-filter
Background
Options
Blur16pxSaturate180%Opacity0.25Glass colorBorderRadius20px
Output
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); border: 1px solid rgba(255,255,255,0.4); border-radius: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);