મફત કન્વર્ટર
ગ્લાસમોર્ફિઝમ 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;
}