Modern Web Tasarımda Glassmorphism Trendi 2025

🎨 Glassmorphism Nedir?

Glassmorphism (Cam Morfizm), yarı şeffaf arka planlar ve bulanıklaştırma efektleri kullanarak cam görünümü yaratan bir UI/UX tasarım stilidir. Apple'ın macOS Big Sur ile popülerleştirdiği bu trend, 2025'te web tasarımında zirveye ulaştı.

✨ Glassmorphism'in Özellikleri

• Yarı şeffaf arka plan (transparency)
• Bulanıklık efekti (backdrop blur)
• İnce, renkli kenarlıklar
• Canlı, gradient renkler
• Hafif gölge efektleri

💻 CSS ile Glassmorphism Nasıl Yapılır?

/* Temel Glassmorphism Kartı */
.glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
}

📱 Tarayıcı Desteği

backdrop-filter özelliği modern tarayıcılarda desteklenir:

• ✅ Chrome 76+ (2019)
• ✅ Safari 9+ (2015)
• ✅ Firefox 103+ (2022)
• ✅ Edge 79+ (2020)

Sonuç: Glassmorphism, doğru kullanıldığında modern ve şık bir görünüm sağlar!