Glassmorphism

Apple, Stripe, Linear gibi şirketlerin popülerleştirdiği glassmorphism, 2026’da da güçlü bir trend.

CSS Implementasyonu

.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

Performans

backdrop-filter GPU kullanır ama her element için maliyetli. Çok fazla glassmorphism kullanmayın.

Erişilebilirlik

Yeterli contrast ratio sağlamak önemli. WCAG AA minimum.