Nemokamas konverteris
Glassmorphism CSS Generatorius
Sukurkite nuostabius stiklo morfizmo kortelių efektus naudodami realiojo laiko peržiūrą. Akimirksniu tinkinkite suliejimą, neskaidrumą ir spalvas.
Peržiūra
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreFono spalva
#FFFFFF
Fono neskaidrumas15%
0%50%100%
Suliejimo kiekis16px
0px20px40px
Kraštinės spalva
#FFFFFF
Krašto nepermatomumas20%
0%50%100%
Sienos spindulys20px
0px30px60px
Šešėlių intensyvumas30%
0%40%80%
Sukurtas CSS
.glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.30);
padding: 2rem;
}