Box Shadow Generator

Bu araç hakkında

Yatay — pozitif gölgeyi sağa, negatif sola taşır. Dikey — pozitif aşağı, negatif yukarı. Bulanıklık — büyük değerler daha yumuşak, dağınık gölgeler oluşturur. Yayılma — pozitif gölgeyi büyütür, negatif küçültür.

İçe gölge oluşturmak için içe seçeneğini etkinleştirin. "+ Gölge Ekle" ile birden fazla gölge ekleyin — CSS çıktısında virgülle ayrılır, önden arkaya katmanlanır.

Nasıl kullanılır

1. Gölge ofsetini ayarlamak için Yatay ve Dikey kaydırıcıları düzenleyin.
2. Yumuşak gölge için Bulanıklığı artırın veya sert gölge için 0 yapın.
3. Gölgeyi eleman dışında büyütmek veya küçültmek için Yayılma kullanın.
4. Daha zengin efektler için "+ Gölge Ekle"ye tıklayarak birden fazla gölge katmanlayın.

Kullanım senaryoları

Tasarımcılar kart UI bileşenlerinde derinlik ve yükseklik için box-shadow kullanır. İçe gölgeler basılı buton efekti oluşturur. Birden fazla katmanlı gölge, çevresel ve ana ışıkla gerçekçi aydınlatma üretir.

Sık sorulan sorular

• İçe seçeneği nedir? — İçe gölgeler eleman kenarlığının dışında değil içinde görünür. Girdi ve düğmelerde basılı efekti oluşturmak için kullanışlıdır.
• Birden fazla gölge ekleyebilir miyim? — Evet. "+ Gölge Ekle"ye tıklayın. Tüm gölgeler virgülle ayrılmış tek bir box-shadow bildirimine birleştirilir.
• Negatif yayılma değeri ne yapar? — Negatif yayılma gölgeyi elemandan daha küçük yapar. Ofset ve bulanıklıkla birleşince yalnızca bir kenardan gözüken ince bir gölge oluşturur.