CSS Box Shadow Oluşturucu
Çok katmanlı kutu gölgelerini görsel olarak tasarlayın ve hazır CSS'i kopyalayın.
İlgili araçlar
Nasıl Kullanılır
- 1Bir preset seçin veya düzenlenecek gölge katmanını açın.
- 2Canlı önizlemeyi izlerken X/Y ofseti, bulanıklık, yayılma, renk, opaklık ve iç gölgeyi ayarlayın.
- 3Katman ekleyin, çoğaltın, silin veya sıralayın; ardından CSS bildirimini ya da değişkenini kopyalayın.
Bu araç hakkında
X gölgeyi yatay, Y dikey taşır. Bulanıklık kenarı yumuşatır; yayılma, bulanıklık öncesi gölge alanını büyütür veya küçültür. Inset gölgeyi elemanın içine çizer; virgülle ayrılan katmanlar derinlik, vurgu ve renkli etkileri birleştirir. Örnek: box-shadow: 0 10px 30px -8px rgba(15, 23, 42, .25);. Aşırı bulanıklık, kirli düşük kontrast ve çok fazla rakip katmandan kaçının.