CSS Kutu Gölgesi Oluşturucu

Gölgeler kullanıcı arayüzüne derinlik ve hiyerarşi katar. İyi gölge kendine dikkat çekmez ancak arayüzü daha doğal hissettirir.

CSS box-shadow Sözdizimi

box-shadow: y-ofset x-ofset bulanıklık yayılma renk inset;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);

Parametre Açıklamaları

• Yatay ofset: Pozitif sağa, negatif sola
• Dikey ofset: Pozitif aşağıya, negatif yukarıya
• Bulanıklık yarıçapı: Büyüdükçe gölge daha yumuşak ve geniş
• Yayılma yarıçapı: Gölge boyutunu kontrol eder
• inset: İç gölge

Tasarım Trendlerine Göre Gölgeler

• Neumorphism: Açık/koyu çift gölge
• Material Design: Yüksekliğe göre kademeli gölgeler
• Glassmorphism: Hafif yarı şeffaf gölge