CSS box-shadow oluşturucu

Ofsetler, bulanıklık, yayılma ve renkten bir CSS kutu gölge bildirimi oluşturun.

Grafik Veriler saklanmaz

Hızlı kılavuz

Bir örnek deneyin

Girdi

Yatay ofset (px)
0
Dikey ofset (px)
4
Bulanıklık yarıçapı (px)
12
Yayılma (px)
0
Hex rengi
#00000033
Gölge konumu
Outside

Sonuç

box-shadow: 0px 4px 12px 0px #00000033;
Nasıl çalışır ve sınırlar

Uzunlukları piksel cinsinden, rengi ise altı veya sekiz haneli onaltılık biçimde girin. Negatif yayılma değeri gölgeyi küçültür.