ነጻ መለወጫ
Glassmorphism 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;
}