opacity funksiyası

opacity funksiyası fon şəkilinin şəffaflığını dəyişməyə imkan verir. 100% və ya 1 dəyəri şəkilə ilkin şəffaflığı qoyur. 0 dəyəri o deməkdir ki, şəkil tamamilə şəffaf olacaq. Bu diapazonda yerləşən hər hansı bir ədəd fonun qismən şəffaflığını təyin edir. Mənfi dəyər təyin etmək olmaz. Susmaya görə dəyər 1-ə bərabərdir.

Sintaksis

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

Nümunə

Gəlin şəkilimizə 50% şəffaflıq təyin edək:

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

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

Nümunə

İndi isə gəlin şəffaflığı 100% təyin edək:

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

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

Nümunə

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

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

#elem {
	filter: opacity(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 dərəcəsi təyin edən hue-rotate funksiyası
fonun rənglərini çevirən invert 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