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

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

selektor {
	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:

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

#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:

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

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

Primer . Ujednacena senka

Sada senka nije pomerena, ali joj je dodato zamucenje:

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

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

Pogledajte takodje

svojstvo box-shadow,
koje zadaje senku kontejneru