Etiket: shadow

CSS3 text-shadow

text-shadow :

Metinlere gölge eklemek için kullanılır.

Örnek

p {
  text-align: center;
  font-size: 50px;
  text-shadow: 5px 5px green;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Hiçbir gölge vermez.
h-shadow zorunlu, Yatay gölge konumu belirtmek için kullanılır. Negatif değerler alabilir.
v-shadow zorunlu, Dikey gölge konumu belirtmek için kullanılır. Negatif değerler alabilir.
Blur-radius isteğe bağlı, Gölgenin bulanıklığını ayarlamak için kullanılır. Varsayılan değer:0.
color isteğe bağlı, Gölgenin rengini ayarlamak için kullanılır.
İnital
İnherit

Tarayıcı Desteği
4.0 3.5 10.0 4.0 9.6
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 1