Ev / DERSLER / Web Tasarım Dersler / CSS / CSS3 Dersleri 3 text-shadow Yazıları Gölgelendirme

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

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;
}

hakkında BilgeBank

İlgini Cekebilir

html menü

CSS İle Açılır Menü Yapımı (12. Ders Açılır Menü)

Css ile açılır menü yapımını adım adım resimli bir şekilde nasıl yapıldığını anlatmaya çalışacağım olayın  mantığını …

Bir cevap yazın

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

%d blogcu bunu beğendi: