Filter xususiyati

filter xususiyati fon tasviriga ma'lum bir badiiy uslub yoki filterni belgilaydi. Xususiyat qiymat sifatida badiiy uslublar nomlarini, filter funksiyasi yoki none (tanlangan filterni bekor qilish) ni qabul qilishi mumkin.

Sintaksis

selector {
	filter: badiiy uslub yoki none;
}

Misol

Keling, tasvirimizga qora-oq filterni belgilaymiz, va sichqoncha olib o'tilganda uni bekor qilamiz:

<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;
}

Shuningdek qarang

background xususiyati,
fon uchun qisqartirilgan xususiyat hisoblanadi
blur funksiyasi,
fonni xiralashtiradi
brightness funksiyasi,
fon uchun yorqinlikni belgilaydi
contrast funksiyasi,
fon uchun kontrastni belgilaydi
drop-shadow funksiyasi,
fon uchun soyani belgilaydi
hue-rotate funksiyasi,
fon uchun rangdorlikni belgilaydi
invert funksiyasi,
fon ranglarini inversiyalaydi
opacity funksiyasi,
fon uchun shaffoflikni belgilaydi
sepia funksiyasi,
fonni sepia rangiga aylantiradi