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 функцияси,
фонга шaffофликни беради
sepia функцияси,
фонни сепияга айлантиради