Buzlu Cam Tasarım

Modern web tasarımının en sevilen trendini projelerinize taşıyın. Ayarları görsel olarak yapın, CSS kodunu anında kopyalayın.

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

Siteniz 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.