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 |
Box-shadow’un birden çok özelliği mevcut
box-shadow: 10px 10px black;
box-shadow: 50px 50px black;
box-shadow: 50px 50px 5px black;
box-shadow: 50px 50px 10px black;
box-shadow: 50px 50px 20px black;
box-shadow: 50px 50px 50px black;
box-shadow: 50px 50px 50px 5px black;
box-shadow: 50px 50px 50px 10px black;
box-shadow: 50px 50px 50px 20px black;
box-shadow: 50px 50px 50px 20px red;
box-shadow: 50px 50px 50px 20px blue;
Bu detaylarıda eklerseniz çok güzel olacaktır