مفت کنورٹر
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;
}