Box Shadow Üretici

Box Shadow Üretici Nedir?

Box Shadow Üretici, basit kaydırıcılarla bir öğenin altındaki gölge için CSS oluşturur. Yatay ve dikey kaymayı, bulanıklık yarıçapını, yayılmayı, opaklığı ve rengi kontrol edersiniz; önizleme kutusu tasarladığınız stili canlı olarak gösterir.

Değerler ne anlama gelir?

• Yatay/Dikey kayma: Gölgenin sağa ve aşağı ne kadar kaydığını gösterir (negatif değerler sola ve yukarı taşır).
• Bulanıklık: Gölge kenarının ne kadar yumuşak veya keskin olduğunu belirler.
• Yayılma: Gölgenin kutu boyutunun ne kadar dışına taştığını gösterir.
• Opaklık ve renk: Gölgenin şeffaflığını ve rengini belirler.

Verilerim güvende mi?

Evet. CSS tarayıcınızda üretilir; ayarlarınız hiçbir zaman gönderilmez veya saklanmaz. Sonucu kopyalayıp doğrudan stiller dosyanıza yapıştırın.

Bir kutu gölgesinin anatomisi

• offset-x ve offset-y gölgeyi yatay ve dikey kaydırır.
• blur-radius kenarı yumuşatır — sıfır, sert gölge verir.
• spread-radius gölge boyutunu büyütür veya küçültür.
• color rengini verir; inset ise gölgeyi kutunun içine çizer.

Katmanlı gölgeler derinlik yaratır

Tek gölge düz okunur; farklı bulanıklık ve kaydırmalı iki-üç gölge gerçek ışığı taklit eder. İlk katmanı keskin ve yakın, ikincisini daha yumuşak ve geniş tutun — kartlar ve yüzer butonların klasik kombinasyonu.

Box Shadow Üretici nasıl kullanılır?

Kayma, bulanıklık, yayılma, opaklık ve rengi ayarlayıp gölgeyi canlı görün ve CSS'i kopyalayın.

Yukarıdaki kontrollerden girdinizi sağlayın veya seçenekleri belirleyin, ardından sonucu sayfada inceleyin.

Box Shadow Üretici aracımızı neden kullanmalısınız?

• Kayma, bulanıklık, yayılma ve opaklık için kaydırıcılarla, canlı önizlemeli box-shadow CSS'i üretir.
• Uygulamalar arasında geçiş yapmak yerine işinizi bu özel Box Shadow Üretici akışıyla tamamlayın.
• Tarayıcınızda açıp hemen başlayın; hesap veya kurulum gerekmez.