filter հատկությունը

filter հատկությունը ֆոնային պատկերին տալիս է որոշակի գեղարվեստական ոճ կամ ֆիլտր: Հատկությունը կարող է ընդունել որպես արժեքներ գեղարվեստական ոճերի անվանումներ, որոնք ձևավորվում են filter ֆունկցիայի միջոցով կամ none (ընտրված ֆիլտրի չեղարկում):

Շարահյուսություն

ընտրիչ {
	filter: գեղարվեստական ոճ կամ none;
}

Օրինակ

Եկեք մեր պատկերի համար սահմանենք սև-սպիտակ ֆիլտր, իսկ դրվելու դեպքում չեղարկենք այն:

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

#elem {
	filter: grayscale(100%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
#elem:hover {
	filter: none;
}

Տես նաև

background հատկությունը,
որը ֆոնի համար կրճատ հատկություն է
blur ֆունկցիան,
որը թափանցում է ֆոնը
brightness ֆունկցիան,
որը սահմանում է ֆոնի պայծառությունը
contrast ֆունկցիան,
որը սահմանում է ֆոնի կոնտրաստը
drop-shadow ֆունկցիան,
որը սահմանում է ֆոնի ստվերը
hue-rotate ֆունկցիան,
որը սահմանում է ֆոնի գունային տոնը
invert ֆունկցիան,
որը ինվերտում է ֆոնի գույները
opacity ֆունկցիան,
որը սահմանում է ֆոնի թափանցիկությունը
sepia ֆունկցիան,
որը վերափոխում է ֆոնը սեպիայի