hue-rotate funksiyası

hue-rotate funksiyası fon şəklini rəng dairəsində çaların fırlanması vasitəsilə dəyişməyə imkan verir. Xassənin dəyərləri dərəcələrlə göstərilir və rəng dairəsinin bucağını təyin edir. 0 və ya 360 dəyəri şəklin dəyişməz qalacağını göstərir, bu diapazonda olan istənilən ədəd isə fonun rəng tonunun dəyişməsinə səbəb olur. Susmaya görə dəyər 0deg-dir.

Sintaksis

selektor {
	filter: hue-rotate(bucaq);
}

Nümunə

Gəlin şəklimiz üçün rəng tonunu 150deg olaraq təyin edək:

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

Nümunə

İndi isə şəklin rəng tonunu 50deg olaraq təyin edək:

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

Nümunə

Gəlin hue-rotate xassəsində heç bir dəyər təyin etməyək:

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

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

Həmçinin bax

fonu bulanıqlaşdıran blur funksiyası
fona parlaqlıq təyin edən brightness funksiyası
fona kontrastlıq təyin edən contrast funksiyası
fona kölgə təyin edən drop-shadow funksiyası
fonun rənglərini inversiya edən invert funksiyası
fona şəffaflıq təyin edən opacity funksiyası
fonu sepiyaya çevirən sepia funksiyası
fon üçün qısaldılmış xassə olan background xassəsi
bloka fon şəkli təyin etmək üçün istifadə olunan background-image xassəsi
fon üçün stil təyin edən filter xassəsi