Glassmorphism Generator

Modern UI tasarımları için cam efekti (backdrop-filter) kodları üretin.

BULANIKLIK (BLUR)

16px

ŞEFFAFLIK (OPACITY)

%20

KENAR GÖRÜNÜRLÜĞÜ

%10

TEMEL RENK

#ffffff

TASARIM DİLİ

Apple, Microsoft, Google Uyumlu

CSS3 DESTEĞİ

Backdrop-filter teknolojisi

İpucu: Glassmorphism etkisinin belirgin olması için arka planın düz renk yerine gradyan veya karmaşık bir görsel (blobs, shapes) içermesi önemlidir.

💎GLASSMORPHI-GEN

PREMIUM GLASS

REAL-TIME SHADERS & BLUR

KALKÜLA VISUAL ENGINE

💻OLUŞTURULAN CSS KODU

background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);

📌

Modern Glassmorphism efektlerini canlı olarak tasarlayın ve CSS kodlarını anında kopyalayın. Şeffaf ve bulanık katmanların gücünü keşfedin.

Glassmorphism Generator

PREMIUM GLASS

Sizin İçin Seçtiklerimiz

PREMIUM GLASS