Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Generate glassmorphism CSS. Blur, opacity, border. Frosted glass effect.
Category: Tasarım Araçları • Free online tool • No signup required
İhtiyacınız olabilecek araçlar
Generate CSS gradient code. Linear and radial. Copy-paste ready. With preview.
Tasarım AraçlarıGenerate CSS box-shadow. Offset, blur, spread, color. Visual editor with preview.
Tasarım AraçlarıGenerate border-radius. Per corner. Visual editor. For rounded corners.
Tasarım AraçlarıGenerate CSS text-shadow. Offset, blur, color. For typography effects.
Tasarım AraçlarıGenerate CSS animations. Bounce, fade, slide, rotate, pulse. Keyframes and animation property.
Tasarım AraçlarıGenerate Flexbox CSS. Direction, justify, align, wrap, gap. Visual layout tool.
Tasarım AraçlarıGlassmorphism 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);