hue-rotate funksiyasi
hue-rotate funksiyasi
fon tasvirining rangdorligini
rang doirasidagi rang o'zgarishi orqali
o'zgartirish imkonini beradi. Xususiyat qiymatlari darajalarda ko'rsatiladi,
rang doirasining burchagini bildiradi. 0 yoki 360 qiymati
tasvir o'zgarishsiz qolishini bildiradi, va bu oraligdagi har qanday raqam
fon rang o'zgarishining o'zgarishiga olib keladi.
Standart qiymati 0deg.
Sintaksis
selector {
filter: hue-rotate(burchak);
}
Misol
Keling, tasvirimiz uchun rangdorlikni
150deg ga teng qilib belgilaymiz:
<div id="elem"></div>
#elem {
filter: hue-rotate(150deg);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Misol
Endi tasvir rangdorligini
50deg ga teng qilib belgilaymiz:
<div id="elem"></div>
#elem {
filter: hue-rotate(50deg);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Misol
Keling, hue-rotate xususiyatida
qiymat bermaymiz:
<div id="elem"></div>
#elem {
filter: hue-rotate();
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Shuningdek qarang
-
blurfunksiyasi,
fonni xira qiladi -
brightnessfunksiyasi,
fonga yorqinlik beradi -
contrastfunksiyasi,
fonga kontrastlik beradi -
drop-shadowfunksiyasi,
fonga soya beradi -
invertfunksiyasi,
fon ranglarini inversiyalaydi -
opacityfunksiyasi,
fonga shaffoflik beradi -
sepiafunksiyasi,
fonni sepia rangiga aylantiradi -
backgroundxususiyati,
fon uchun qisqartirilgan xususiyat hisoblanadi -
background-imagexususiyati,
uning yordamida blokka fon tasviri berish mumkin -
filterxususiyati,
fon uchun uslub belgilaydi