Svojstvo text-shadow

Svojstvo text-shadow zadaje senku tekstu. Kao vrednost svojstvo prihvata 4 parametra, nabrojane kroz razmak, ili ključnu reč none, koja potpuno otkazuje senku (ovo je podrazumevana vrednost).

Sintaksa

cssselektor {
  text-shadow: pomeraj_po_x pomeraj_po_y zamucenje boja;
}

cssselektor {
  text-shadow: none;
}

Parametri

Parametar	Opis
pomeraj po x	Zadaje pomeraj senke po X osi. Pozitivna vrednost pomera u desno, negativna - u levo.
pomeraj po y	Zadaje pomeraj senke po Y osi. Pozitivna vrednost pomera dole, negativna - gore.
zamucenje	Zadaje zamucenje senke. Sto je veca vrednost - senka ce biti mutnija. Neobavezni parametar. Ako nije zadat - senka ce biti jasna.
boja	Zadaje boju senke u bilo kojim jedinicama za boju. Neobavezni parametar. Ako nije zadat - boja senke se poklapa sa bojom teksta.

Pomeraji po osama i zamucenje se zadaju u bilo kojim jedinicama za velicine, osim procentima.

Primer

Pomericemo senku dole i u levo i dodaćemo malu količinu zamućenja:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

Primer . Jasna senka

A sada cemo napraviti senku crvene boje, pomeriti je dole i u levo, ali ukloniti zamucenje - senka ce biti jasna:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

Primer . Ujednacena senka

Sada senka nije pomerena, ali joj je dodato zamucenje:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

Pogledajte takodje

svojstvo box-shadow,
koje zadaje senku kontejneru