Buzlu Cam Tasarım

Blur, saydamlık ve kenarlık değerlerini ayarla, CSS kodunu kopyala.

Ayarlar

Bulanıklık (Blur)12px

Opasite (Saydamlık)15%

Kenarlık Opasitesi10%

Renk

CSS Çıktısı

/* Glassmorphism Effect */
background: #ffffff26;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #ffffff1a;
border-radius: 1rem;

Glassmorphism

Siten için modern ve estetik görünüm.

Profesyonel İpucu

Hafif bir kenarlık (border) eklemek, cam efektinin arka plandan daha net ayrılmasını sağlar. Ayrıca arka planın yeterince renkli ve canlı olması efektin gücünü artırır.

Bu araç işine yaradı mı?

Favorilerine ekle ya da ihtiyacı olan birine gönder.