Loading…
Loading…
Create glassmorphism effects with visual preview. Generate CSS for frosted glass UI.
Loading tool...
Remove ads and work faster? Go Premium.
Unlock PremiumCreate and preview CSS box shadows with visual controls. Copy ready-to-use code.
Design ToolsCreate custom border radius shapes with visual preview. Generate CSS code instantly.
Design ToolsGenerate favicons in all sizes from a single image. Includes ICO, PNG, and Apple Touch icons.
Design ToolsConvert pixels to REM units for responsive web design. Customizable base font size.
This box has a frosted glass effect with blur and transparency.
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(10px) saturate(180%); -webkit-backdrop-filter: blur(10px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px;