CSS Box Shadow Oluşturucu
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Son guncelleme: 2026 · Ucretsiz cevrimici arac
CSS Box Shadow Oluşturucu nedir?
Ofset, bulanıklık, yayılma, renk ve inset kontrolleriyle gölgenin canlı önizlemesini sunan ve kopyalamaya hazır box-shadow CSS kodu üreten ücretsiz çevrimiçi CSS box-shadow oluşturucu.
Nasil Kullanilir
- 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.
Ilgili Araclar
CSS Gradyan Oluşturucu Ücretsiz görsel CSS gradyan oluşturucu: linear, radial ve conic gradyanlar tasarlayın, renk duraklarını ve açıyı ayarlayın, ardından arka planlar için hazır CSS kodunu kopyalayın.
CSS Border Radius Oluşturucu Sekiz bağımsız köşe tutamacı ve kaydırıcısıyla yuvarlatılmış şeklin canlı önizlemesini sunan ve kopyalamaya hazır border-radius CSS kodu üreten ücretsiz çevrimiçi CSS border-radius oluşturucu.
CSS Flexbox Oluşturucu justify-content, align-items, flex-direction ve wrap için görsel düzenleyici sunan, düzenin canlı önizlemesini gösteren ve kopyalamaya hazır Flexbox CSS üreten ücretsiz çevrimiçi CSS Flexbox alanı.
Sikca Sorulan Sorular
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.