CSS Box Shadow Oluşturucu

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);

Background

Box color

Drop Shadow

Inset

X Offset: 4px

Y Offset: 4px

Blur: 10px

Spread: 0px

Renk

Son guncelleme: 2026 · Ucretsiz cevrimici arac

CSS Box Shadow Oluşturucu nedir?

CSS box-shadow oluşturmak ve kodu kopyalamak için ücretsiz çevrimiçi görsel düzenleyici

1
Ön Ayar Seç — Ön ayar düğmesiyle hızlıca başlayın.
2
Kaydırıcıları Ayarla — X/Y ofseti, bulanıklık ve yayılma kaydırıcılarıyla gölgeyi ayarlayın.
3
Önizleme — Yukarıdaki önizlemede sonucu gerçek zamanlı kontrol edin.
4
CSS Kopyala — box-shadow CSS'i almak için kopyala düğmesini kullanın.

Evet, birden fazla gölgeyi üst üste bindirmek için 'Gölge Ekle' düğmesini kullanın.

Evet, iç gölge oluşturmak için her gölgede Inset onay kutusunu etkinleştirin.

Beş ön ayar sunulmaktadır: Subtle, Medium, Large, Inset ve Double.

Evet, renk giriş alanına doğrudan rgba(0,0,0,0.15) girebilirsiniz.

Hayır. Tüm hesaplamalar tarayıcıda yapılır.