ToolsApp.online
Masaüstü SürümüTablet SürümüMobil Sürüm•v8.1.0
Tasarım & Görsel Bugün ücretsiz

CSS Glassmorphism (Buzlu Cam) Oluşturucu

Bulanıklık, saydamlık ve kenarlık ayarlarıyla modern buzlu cam arayüz efektleri oluşturun, CSS ve Tailwind kodunu alın.

Çalışma alanıTasarım & Görsel

Cam Efekti Ayarları

Bulanıklık (Blur)16px
Opaklık (Saydamlık)%25
Kenarlık Kalınlığı1px
Kenarlık Parlaklığı%20
Köşe Yuvarlama20px
#ffffff
ToolsApp Glass

Modern buzlu cam

Gerçek zamanlı bulanıklık ve ışık kırılmaları ile modern cam arayüz tasarımı.

blur(16px)opacity(25%)
CSS Kodu
background: rgba(255, 255, 255, 0.25);
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 0 rgba(0, 0, 0, 0.15);
ToolsApp PRO ile Hızınızı Katlayın

Sıfır Reklam, Limitsiz Toplu İşlem & PRO Ayrıcalıklar

Tüm araçlarda sıfır reklam garantisi, limitsiz dosya dönüştürme ve öncelikli PRO destek. Ayda sadece 66,58 ₺'den başlayan fırsatla PRO'ya geçin.

Işık Hızında & Limitsiz•%100 Reklamsız Deneyim•Lifetime PRO Tek Fiyat Fırsatı

CSS Glassmorphism (Buzlu Cam) Oluşturucu Nasıl Kullanılır?

1

Bulanıklık ve Opaklığı Ayarlayın

Buzlu cam yoğunluğu ve saydamlık kaydırıcılarını kullanın.

2

Arkaplanı Test Edin

Farklı arkaplan şablonlarıyla cam efektinin kırılmasını görün.

3

CSS / Tailwind Kopyalayın

Üretilen stilleri tek tıkla projenize dahil edin.

Kullanıcı Yorumları & Değerlendirmeler

Deneyiminizi anonim olarak paylaşın. Yorumlar yapay zeka ile denetlenir.

5.0
•0 yorum
5 / 5
0/500
Groq AI otomatik moderasyon motoru ile korunmaktadır

Yayınlanan Yorumlar (0)

Yorumlar yükleniyor...

Faydalı İpuçları

  • •Cam efekti saydam olduğu için arkasındaki içerikle birlikte değerlendirilir. Koyu ve açık zeminlerde yazının okunabilirliğini ayrı ayrı deneyin.

Benzer Tasarım & Görsel