CSS Kutu Gölgesi Oluşturucu Birden çok katman, iç gömme seçenekleri ve gerçek zamanlı ön izleme ile CSS kutu gölgeleri oluşturun.

CSS box-shadow özelliği, virgülle ayrılmış bir veya daha fazla gölge değerini kabul eder. Her gölge değeri şunları içerir: yatay ofset (x), dikey ofset (y), bulanık yarıçap (isteğe bağlı), yayılma yarıçapı (isteğe bağlı), renk (isteğe bağlı) ve içe alma anahtarı (isteğe bağlı). Pozitif x değerleri gölgeleri sağa iter, pozitif y değerleri aşağıya iter. Bulanık yarıçap, bir gaussian bulanıklığı oluşturur - daha büyük değerler daha yumuşak gölgeler oluşturur. Yayılma yarıçapı, gölgeyi genişletir veya daraltır; negatif değerler, öğenin boyutundan küçük gölgeler oluşturur. Birden fazla gölge, sırayla 렌der edilir - listedeki ilk gölge en üstte görünür. Performans için, sıkça animasyon yapılan öğelerde box-shadow'u cimri kullanın, çünkü bunlar pahalı yeniden boyamaları tetikleyebilir. Non-dikdörtgen şekiller için filter: drop-shadow() kullanmayı düşünün. Modern tarayıcılar, satıcı ön ekleri olmadan tam olarak box-shadow'u destekler.