CSS-3 Text-Shadow Metin Gölgelendirmesi

CSS-3 Text-Shadow Metin Gölgelendirmesi

CSS-3 ile metin gölgelendirme işlemi

En basit kullanımında, yalnızca yatay gölgeyi (2px) ve dikey gölgeyi (2px) belirtirsiniz:

Gölgelendirme text-shadow – 1

CSS-3 Text-Shadow Metin Gölgelendirmesi

Eğer gölgeyi kırmızı yapmak istersek

CSS-3 Text-Shadow Metin Gölgelendirmesi

Ardından, gölgeye bir bulanıklık efekti vermek için:

CSS-3 Text-Shadow Metin Gölgelendirmesi

Siyah gölgeli beyaz bir metin eklemek istersek

CSS-3 Text-Shadow Metin Gölgelendirmesi

Aşağıdaki örnek, kırmızı neon ışıma gölgesini gösterir:

CSS-3 Text-Shadow Metin Gölgelendirmesi

Metne birden fazla gölge eklemek için, virgülle ayrılmış bir gölge listesi ekleyebilirsiniz.

Aşağıdaki örnek, kırmızı ve mavi neon ışıma gölgesini gösterir:

CSS-3 Text-Shadow Metin Gölgelendirmesi

Aşağıdaki örnek, siyah, mavi ve koyu mavi gölgeli beyaz bir metni gösterir:

CSS-3 Text-Shadow Metin Gölgelendirmesi

Ayrıca, bazı metinlerin çevresinde (gölgeler olmadan) düz bir kenarlık oluşturmak için text-shadow özelliğini de kullanabilirsiniz:

CSS-3 Text-Shadow Metin Gölgelendirmesi

CSS-3 Text-Shadow Metin Gölgelendirmesi

What’s your Reaction?
+1
0
+1
0
+1
0
+1
0

Yorum yapın