Bezmaksas pārveidotājs
Stikla morfisms CSS Ģenerators
Izveidojiet satriecošus stikla morfisma karšu efektus ar reāllaika priekšskatījumu. Nekavējoties pielāgojiet izplūšanu, necaurredzamību un krāsas.
Priekšskatījums
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreFona krāsa
#FFFFFF
Fona necaurredzamība15%
0%50%100%
Aizmiglošanas daudzums16px
0px20px40px
Apmales krāsa
#FFFFFF
Robežu necaurredzamība20%
0%50%100%
Robežas rādiuss20px
0px30px60px
Ēnu intensitāte30%
0%40%80%
Ģenerēts 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;
}