UTILS.
%100 tarayıcıda

CSS Box Shadow Oluşturucu

Bir box-shadow'u görsel olarak tasarlayın, canlı önizlemeyle görüp CSS'i kopyalayın.

Bu araç hakkında

Ofset, bulanıklık, yayılma, renk ve opaklık için kaydırıcıları sürükleyerek görsel olarak bir CSS box-shadow oluşturun, ardından kullanıma hazır kuralı kopyalayın. Her şey canlı olarak güncellenir ve tamamen tarayıcınızda çalışır.

Sık sorulan sorular

Yayılma (spread) değeri ne işe yarar?
Yayılma, herhangi bir bulanıklık uygulanmadan önce gölgeyi büyütür (pozitif) veya küçültür (negatif); böylece gölge öğeden daha geniş veya daha dar olur.
Inset (iç) gölge nedir?
Inset, gölgeyi öğenin dışına değil içine çizer; bu da basılı butonlar veya iç parıltılar için kullanışlıdır.

Daha fazla araç