Funksioni drop-shadow

Funksioni drop-shadow lejon të shtohet një hije në imazhin e sfondit.

Sintaksa

përzgjedhësi {
	filter: drop-shadow(zhvendosje përgjatë x, zhvendosje përgjatë y, rreze blurimi, ngjyrë);
}

Vlerat

Vlera	Përshkrimi
zhvendosje përgjatë x	Zhvendosja e hijes horizontalisht në raport me sfondin. Një numër pozitiv tregon zhvendosjen e hijes djathtas, negativ - majtas. Parametër i detyrueshëm.
zhvendosje përgjatë y	Zhvendosja e hijes vertikalisht në raport me sfondin. Një numër pozitiv tregon zhvendosjen e hijes poshtë, negativ - lart. Parametër i detyrueshëm.
blurim	Vendos rrezen e blurimit të hijes. Sa më e madhe të jetë vlera, aq më e bluruar bëhet hija. Parametër opsional. Si parazgjedhje është `0`.
ngjyrë	Ngjyra e hijes. Parametër opsional. Si parazgjedhje vendoset ngjyra e zezë e hijes.

Shembull

Le t'i vendosim imazhit tonë një hije të kaltër pa zhvendosje përgjatë akseve, me blurim 5px:

<div id="elem"></div>

#elem {
	filter: drop-shadow(0 0 5px #035470);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Shihni gjithashtu

funksioni blur,
që bluron sfondin
funksioni brightness,
që vendos shkëlqimin e sfondit
funksioni contrast,
që vendos kontrastin e sfondit
funksioni hue-rotate,
që vendos ngjyrën e sfondit
funksioni invert,
që përmbys ngjyrat e sfondit
funksioni opacity,
që vendos transparencën e sfondit
funksioni sepia,
që e shndërron sfondin në sepi
vetia background,
që përfaqëson një veti-shkurtim për sfondin
vetia background-image,
me të cilën një blloku mund t'i jepet një imazh sfondi