ఉచిత కన్వర్టర్
గ్లాస్మార్ఫిజం 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;
}