Vetia text-shadow

Vetia text-shadow vendos një hije tekstit. Si vlerë, vetia pranon 4 parametra, të listuar përmes hapësirës, ose fjalën kyçe none, e cila e çaktivizon hijen krejtësisht (kjo është vlera e paracaktuar).

Sintaksa

përzgjedhësi {
	text-shadow: zhvendosja_për_x zhvendosja_për_y zamrimi ngjyra;
}

përzgjedhësi {
	text-shadow: none;
}

Parametrat

Parametri	Përshkrimi
zhvendosja për x	Përcakton zhvendosjen e hijes përgjatë boshtit X. Vlera pozitive e zhvendos djathtas, vlera negative - majtas.
zhvendosja për y	Përcakton zhvendosjen e hijes përgjatë boshtit Y. Vlera pozitive e zhvendos poshtë, vlera negative - lart.
zamrimi	Përcakton zamrimin e hijes. Sa më e madhe të jetë vlera - aq më e zamuar do të jetë hijja. Parametër jo i detyrueshëm. Nëse nuk është vendosur - hijja do të jetë e qartë.
ngjyra	Përcakton ngjyrën e hijes në çdo njësi për ngjyra. Parametër jo i detyrueshëm. Nëse nuk është vendosur - ngjyra e hijes përputhet me ngjyrën e tekstit.

Zhvendosjet përgjatë boshteve dhe zamrimi vendosen në çdo njësi për përmasa, përveç përqindjeve.

Shembull

Le ta zhvendosim hijen poshtë dhe majtas dhe t'i shtojmë një zamrim të vogël:

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

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

Shembull . Hije e qartë

Tani le ta bëjmë hijen me ngjyrë të kuqe, ta zhvendosim poshtë dhe majtas, por të heqim zamrimin - hijja do të jetë e qartë:

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

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

Shembull . Hije uniforme

Tani hijja nuk është zhvendosur, por i është shtuar zamrim:

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

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

Shihni gjithashtu

vetia box-shadow,
e cila vendos hije një kontejneri