Ücretsiz Dönüştürücü
Cammorfizm CSS jeneratör
Gerçek zamanlı önizlemeyle çarpıcı cammorfizm kartı efektleri oluşturun. Bulanıklığı, opaklığı ve renkleri anında özelleştirin.
Önizleme
Glassmorphism Card
Beautiful frosted glass effect with customizable settings.
Learn MoreArka Plan Rengi
#FFFFFF
Arka Plan Opaklığı15%
0%50%100%
Bulanıklaştırma Miktarı16px
0px20px40px
Kenarlık Rengi
#FFFFFF
Kenarlık Opaklığı20%
0%50%100%
Sınır Yarıçapı20px
0px30px60px
Gölge Yoğunluğu30%
0%40%80%
Oluşturulan 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;
}