CSS3 Dersleri 3 text-shadow Yazıları Gölgelendirme

İlgili Makaleler

CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

22 Ağustos 2018

CSS3 Dersleri 2 border-radius Kenar Yuvarlama

14 Mayıs 2018

CSS3 Nedir? CSS3 İle Gelen Yenilikler Nelerdir?

26 Ocak 2018

CSS3 ile birlikte gelen text-shadow özelliği ile yazılara gölgelendirme verebiliyoruz.

Hemen örneğimize geçerek uygulamalı şekilde text-shadow özelliğimizi inceleyelim.

Kodların Ön İzlemesine Buradan Bakabilirsiniz

Basit bir gölge vermek için text-shadow özelliğine yatay (2px) ve dikey (3px) boyutu belirterek verebiliriz.

.golgelendirme{
	text-shadow: 2px 3px;
}

Oluşturduğumuz gölgeli yazılara renk verebiliriz.

.renklendirme{
	text-shadow: 2px 3px red;
}

Oluşturduğumuz ve renk verdiğimiz gölgeyi flu yapabilirsiniz.

.flulastirma {
    text-shadow: 2px 3px 5px red;
}