CSS Box-Shadow Gölge Üretici - Canlı Önizlemeli

Box-shadow gölge üretici ile kartlar ve butonlar için profesyonel gölgeler tasarlayın. Yatay/dikey kayma, bulanıklık, yayılma, renk ve opaklığı kaydırıcılarla ayarlayın; iç gölge (inset) ekleyin; canlı önizlemeyi görün ve CSS kodunu kopyalayın.

Hazır gölgeler
CSS
box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.15);

Tüm işlem tarayıcınızda yapılır; hiçbir veri sunucuya gönderilmez. Üretilen box-shadow değerini doğrudan CSS'inize ekleyebilirsiniz.

Sıkça Sorulan Sorular

İç gölge (inset) nasıl eklenir?

'İç gölge (inset)' kutusunu işaretlediğinizde gölge kutunun içine doğru çizilir; bu, oyuk veya basık görünümler için kullanılır.

Hazır gölge şablonları nedir?

Yumuşak, sert, uzun, iç ve neon şablonları tek tıkla tüm değerleri doldurur; ardından dilediğiniz gibi ince ayar yapabilirsiniz.

İlgili araçlar