Box-shadow :

Bir elemente bir veya birden fazla gölge ekler.

Örnek

.shadow{
   box-shadow: 10px 10px 5px blue;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
none	Gölge değeri almaz.
h-shadow	Yatay gölge konumunu ayarlar. Negatif değerler alabilir.
v-shadow	Dikey gölge konumunu ayarlar. Negatif değerler alabilir.
blur	İsteğe bağlı bulanıklık ayarı.
spread	İsteğe bağlı gölgenin boyutunu ayarlar. Negatif değerlere izin verilir.
color	İsteğe bağlı gölge rengidir. Varsayılan değer siyahtır. Fakat safaride değer belirtmezseniz hiç gösterilmez.
inset	İsteğe bağlı iç ve dış gölge ayarını yapmanıza olanak sağlar.
İnital
İnherit

Tarayıcı Desteği

10.0 4.0-webkit	4.0 3.5-moz	9.0	5.1 3.1-webkit	10.5