CSS Glassmorphism (Buzlu Cam) Oluşturucu
Tasarım & GörselBulanıklık, saydamlık ve kenarlık ayarlarıyla modern buzlu cam arayüz efektleri oluşturun, CSS ve Tailwind kodunu alın.
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 Frosted Glass
Gerçek zamanlı bulanıklık ve ışık kırılmaları ile modern cam arayüz tasarımı.
blur(16px)opacity(25%)
CSS Code
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);
☕Bağımsız Proje Desteği
ToolsApp'i Sevdiniz mi? Bir Kahve Ismarlayın
ToolsApp; abonelik, paywall veya veri takibi olmadan %100 tarayıcıda çalışır. Temel dijital araçların herkes için daima ücretsiz ve erişilebilir kalması gerektiğine inanıyoruz. Bir fincan kahve desteğiniz, altyapı giderlerimizi karşılamamıza ve yeni araçlar geliştirmemize güç verir!
%100 İstemci Taraflı•Herkes İçin Ücretsiz
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.
Gizlilik Güvencesi:Bu araçtaki tüm hesaplamalar ve dönüştürme işlemleri %100 istemci taraflı (JavaScript) olarak tarayıcınızda gerçekleştirilir. Verileriniz hiçbir sunucuya yüklenmez veya kaydedilmez.
Kullanıcı Yorumları & Değerlendirmeler
Deneyiminizi anonim olarak paylaşın. Yorumlar yapay zeka ile denetlenir.
5.0
•0 yorumYayınlanan Yorumlar (0)
Yorumlar yükleniyor...