CSS box-shadow

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

CSS box-shadow” üzerine bir yorum

  1. 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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir