UTILS.
Gizlilik varsayılandır
⬛

CSS Box Shadow Oluşturucu

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

Dosyalarınız bu cihazda kalır

Dosyalar tarayıcınızda işlenir, asla sunucuya yüklenmez. Site, araçları çalıştırmak için gereken kod ve kaynakları indirir. Hesap veya takip yoktur.

Bu aracı çevrimdışı kullanım için tek bir HTML dosyası olarak kaydetmek üzere İndir'i kullanın.

Gizlilik →

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ç