CSS Box Shadow Oluşturucu
Ofset, bulanıklık, yayılma, renk ve inset kontrolleriyle canlı önizleme sunan ücretsiz çevrimiçi CSS box-shadow kodu oluşturucu.
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Dış gölge
Yerleştir
Son guncelleme: 2026 · Ucretsiz cevrimici arac
CSS Box Shadow Oluşturucu nedir?
Ofset, bulanıklık, yayılma, renk ve inset kontrolleriyle canlı önizleme sunan ücretsiz çevrimiçi CSS box-shadow kodu oluşturucu.
Nasil Kullanilir
- 1Ön Ayar Seç— Ön ayar düğmesiyle hızlıca başlayın.
- 2Kaydı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.
- 4CSS Kopyala— box-shadow CSS'i almak için kopyala düğmesini kullanın.
Ilgili Araclar
CSS Gradyan OluşturucuDoğrusal, radyal ve konik geçişler için görsel CSS gradyan oluşturucu: renk durakları ekleyin, açıyı ayarlayın ve hazır CSS'i kopyalayın. Arka plan ve butonlar için ideal, ücretsiz.
CSS Border Radius OluşturucuSekiz köşe tutamacı ve kaydırıcısıyla canlı önizleme sunan, kopyalamaya hazır CSS kodu üreten ücretsiz çevrimiçi border-radius oluşturucu.
CSS Flexbox Oluşturucujustify-content, align-items, flex-direction ve wrap için görsel düzenleyici sunan CSS Flexbox denemeliği, canlı yerleşim önizlemesiyle. Kopyalamaya hazır Flexbox CSS üretir, ücretsiz.
Renk Kodu DönüştürücüHEX, RGB, HSL ve OKLCH kodları arasında anında dönüştüren ve iki renk arasındaki WCAG kontrast oranını hesaplayan ücretsiz çevrimiçi renk aracı.
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.