Controls
Glassmorphism
0.15
12px
0.30
16px
Background colour
Border colour
Output
ℹNeeds -webkit- prefixbackdrop-filter requires -webkit-backdrop-filter on Safari 15 and older. ok.css outputs both prefixes automatically.ℹSafari prefixGenerated automatically alongside backdrop-filter for Safari compatibility.background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;