🔲

Box Shadow Oluşturucu

Sezgisel kontrollerle görsel CSS gölge efektleri oluşturun. Blur, spread, renk ve offset ayarlayın. Hazır CSS kodu.

Önizleme

Katmanlar ()

Hazır ayarlar

Layer

Yatay kayma: px

Dikey kayma: px

Bulanıklık yarıçapı: px

Yayılma yarıçapı: px

Gölge rengi

Opaklık: %

İç gölge

CSS Kodu

Bu aracı sitenize gömün

× px

Tema

Renk

Arka plan

Kenarlık

Kenarlık rengi

Kenar yarıçapı

Markayı göster Tam Ekrana İzin Ver Kompakt mod Animasyonları etkinleştir Şeffaf arka plan

👁️ Önizleme

💡 Entegrasyon İpucu

Gömme kodunu kopyalayın ve web sitenizin HTML'sine yapıştırın. Duyarlı sürüm tüm ekran boyutlarına otomatik olarak uyum sağlar.

Bu aracı değerlendirin

✓

ℹ️ Box Shadow Generator Hakkında

Görsel düzenleyici ile CSS kutu gölgeleri tasarlayın. Bulanıklık, yayılma, ofset ve rengi ayarlayın. Gerçek zamanlı önizleme ve CSS kodunu kopyalayın.

💡 Kullanım alanları

Kart yükseltme efektleri

Düğme stilleri

Modal diyaloglar

Navigation barları

Form alanları

📋 Nasıl kullanılır

Gölge parametrelerini ayarlayın

Önizlemeyi gerçek zamanlı izleyin

Renk ve opaklığı özelleştirin

CSS kodunu kopyalayın

💎 Profesyonel İpuçları

Yumuşak gölgeler daha doğal görünür
İç gölge (inset) için derinlik efekti
Birden fazla gölge katmanı ekleyin

❓ Sık Sorulan Sorular

Yayılma, gölge boyutunu öğenin ötesine genişletir veya daraltır.

Gölge kenarlarının ne kadar yumuşak veya sert göründüğü. Yüksek = daha yumuşak.

Evet! Virgülle ayrılmış birden fazla kutu gölgesi değeri yığınlayın.

🔥 Popüler Araçlar

Daha fazla araç yok

Tüm araçları keşfet