Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Category: Designtools • Free online tool • No signup required
Tools die je misschien nodig hebt
Generate CSS gradient code. Linear and radial. Copy-paste ready. With preview.
DesigntoolsGenerate CSS box-shadow. Offset, blur, spread, color. Visual editor with preview.
DesigntoolsGenerate border-radius. Per corner. Visual editor. For rounded corners.
DesigntoolsGenerate CSS text-shadow. Offset, blur, color. For typography effects.
DesigntoolsGenerate CSS animations. Bounce, fade, slide, rotate, pulse. Keyframes and animation property.
DesigntoolsGenerate Flexbox CSS. Direction, justify, align, wrap, gap. Visual layout tool.
DesigntoolsGlassmorphism 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);