Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Category: Design-Tools • Free online tool • No signup required
Tools, die Sie als Nächstes brauchen könnten
Generate CSS gradient code. Linear and radial. Copy-paste ready. With preview.
Design-ToolsGenerate CSS box-shadow. Offset, blur, spread, color. Visual editor with preview.
Design-ToolsGenerate border-radius. Per corner. Visual editor. For rounded corners.
Design-ToolsGenerate CSS text-shadow. Offset, blur, color. For typography effects.
Design-ToolsGenerate CSS animations. Bounce, fade, slide, rotate, pulse. Keyframes and animation property.
Design-ToolsGenerate Flexbox CSS. Direction, justify, align, wrap, gap. Visual layout tool.
Design-ToolsGlassmorphism Card
Frosted glass effect
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.3);