Convertor gratuit
Sticlomorfism CSS Generator
Creați efecte uimitoare de card de morfism de sticlă cu previzualizare în timp real. Personalizați neclaritatea, opacitatea și culorile instantaneu.
Previzualizare
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreCuloare de fundal
#FFFFFF
Opacitatea fundalului15%
0%50%100%
Suma de estompare16px
0px20px40px
Culoarea chenarului
#FFFFFF
Opacitatea chenarului20%
0%50%100%
Raza de frontieră20px
0px30px60px
Intensitatea umbrei30%
0%40%80%
CSS generat
.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;
}