invert funksiyası

invert funksiyası fon şəklindəki rəngləri inversiya etməyə imkan verir. 0 dəyəri şəklin orijinal qalacağını göstərir. 100% və ya 1 dəyəri fon rənglərini tamamilə inversiya edir. Bu diapazonda yerləşən istənilən ədəd rəngləri qismən inversiya edir. Mənfi dəyər təyin etmək olmaz. Susmaya görə dəyər 0-a bərabərdir.

Sintaksis

selektor {
	filter: invert(ədəd);
}

Nümunə

Gəlin şəkilimizin rənglərini 50% dəyərinə qədər inversiya edək:

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

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

Nümunə

İndi isə gəlin şəkilimizin rənglərini 100% dəyərinə qədər inversiya edək:

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

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

Nümunə

İndi isə gəlin invert funksiyasında 0-a bərabər dəyər təyin edək:

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

#elem {
	filter: invert(0);
	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ı
fona rəng çaları təyin edən hue-rotate funksiyası
fona şəffaflıq təyin edən opacity funksiyası
fonu sepıyaya çevirən sepia funksiyası
fon üçün qısaltma 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