സൗജന്യ കൺവെർട്ടർ
ഗ്ലാസ്മോർഫിസം CSS ജനറേറ്റർ
തത്സമയ പ്രിവ്യൂ ഉപയോഗിച്ച് അതിശയകരമായ ഗ്ലാസ്മോർഫിസം കാർഡ് ഇഫക്റ്റുകൾ സൃഷ്ടിക്കുക. മങ്ങൽ, അതാര്യത, നിറങ്ങൾ എന്നിവ തൽക്ഷണം ഇഷ്ടാനുസൃതമാക്കുക.
പ്രിവ്യൂ
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn Moreപശ്ചാത്തല നിറം
#FFFFFF
പശ്ചാത്തല അതാര്യത15%
0%50%100%
മങ്ങിക്കൽ തുക16px
0px20px40px
ബോർഡർ നിറം
#FFFFFF
ബോർഡർ ഒപാസിറ്റി20%
0%50%100%
ബോർഡർ റേഡിയസ്20px
0px30px60px
ഷാഡോ തീവ്രത30%
0%40%80%
സൃഷ്ടിച്ച 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;
}