Bu araç ne işe yarar?
X/Y, blur, spread, renk ve opaklık değerlerini ayarlayarak box-shadow kodu oluştur.
Tasarım Araçları
Box Shadow Oluşturucu
Kart ve butonlar için box-shadow CSS çıktısı üret.
Online Araç
generator
Box Shadow Oluşturucu
Çıktı burada görünür
Nasıl kullanılır?
- X, Y, blur ve color değerlerini yaz.
- Shadow Oluştur butonuna tıkla.
- Çıkan box-shadow CSS kodunu kontrol et.
- Çok ağır gölgelerin performansı etkileyebileceğini unutma.
Örnek kullanım
Örnek girdi
x=0
y=10
blur=30
color=rgba(0,0,0,.15)Örnek çıktı
box-shadow: 0 10px 30px rgba(0,0,0,.15);İpuçları
Modern arayüzlerde daha yumuşak ve düşük opaklıklı gölgeler genelde daha temiz görünür.