Shadow ng Text ng CSS

Text shadow

text-shadow Attribute na nagdagdag ng shadow sa teksto.

Ang pinakamaliit na paggamit ay upang lamang itakda ang horizontal shadow (2px) at vertical shadow (2px):

Epekto ng text shadow!

Mga halimbawa

h1 {
  text-shadow: 2px 2px;
}

Subukan nang personal na!

Susunod, magdagdag ng kulay sa shadow (red):

Epekto ng text shadow!

Mga halimbawa

h1 {
  text-shadow: 2px 2px red;
}

Subukan nang personal na!

Pagkatapos, magdagdag ng epekto ng blur sa shadow (5px):

Epekto ng text shadow!

Mga halimbawa

h1 {
  text-shadow: 2px 2px 5px red;
}

Subukan nang personal na!

Mga payo:Pumunta sa Font ng CSS Isang kabanata, pag-aralan kung paano baguhin ang font, laki ng teksto at estilo ng teksto.

Mga payo:Pumunta sa Text Effect ng CSS Isang kabanata, pag-aralan kung paano maisagawa ang iba't ibang epekto ng teksto.

Lahat ng CSS text attribute

Attribute Paglalarawan
color Itakda ang kulay ng teksto.
direction Tinukoy ang direksyon / paraan ng pagsusulat ng teksto.
letter-spacing Itakda ang paghahalintulad ng mga character.
line-height Itakda ang laki ng linia.
text-align Tinukoy ang pagsasakop ng teksto sa lebel ng pababa.
text-decoration Tinukoy ang epekto ng pampalipas na teksto.
text-indent Tinukoy ang paghahalintulad ng unang linya ng bloke ng teksto.
text-shadow Tinukoy ang epekto ng shadow sa teksto.
text-transform Nikontrol ang laki at mayorya ng teksto.
text-overflow Tinukoy kung paano ipakita sa user ang di nakakitaang lumubog na nilalaman.
unicode-bidi Ginagamit kasama ang attribute na direction, upang itakda o ibalik kung kailangan na maulit ang teksto para suportahan ang iba't ibang wika sa parehong dokumento.
vertical-align Tinukoy ang pagsasakop ng teksto sa taas.
white-space Tinukoy kung paano paghawak ng puti ang nakakitaas sa loob ng elemento.
word-spacing Set word spacing.