Функция opacity
Функция opacity фон расмининг
шaffофлигини ўзгартириш имконини беради.
100% ёки 1 қиймати
расмга бошланғич шaffофликни қолдиради.
0 қиймати расм
тулиқ шaffоф бўлишини англатади.
Бу даврада жойлашган ҳар қандай рақам
фоннинг қисман шaffофлигини белгилайди.
Салбий қиймат бериб бўлмайди.
Донда қиймат 1 га тенг.
Синтаксис
селектор {
filter: opacity(рақам);
}
Мисол
Келинг, бизнинг расмимизга шaffофликни
50% даражада белгилаймиз:
<div id="elem"></div>
#elem {
filter: opacity(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Мисол
Энди эса шaffофликни
100% даражада белгилаймиз:
<div id="elem"></div>
#elem {
filter: opacity(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Мисол
Энди эса
opacity функциясига
0 га тенг қийматни белгилаймиз:
<div id="elem"></div>
#elem {
filter: opacity(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Шунингдек қаранг
-
функция
blur,
бу фонни тўхтайтиради -
функция
brightness,
бу фонга ёруғлик беради -
функция
contrast,
бу фонга контрастлик беради -
функция
drop-shadow,
бу фонга соя ташлайди -
функция
hue-rotate,
бу фонга рангдорлик беради -
функция
invert,
бу фон рангларини инвертлайди -
функция
sepia,
бу фонни сепияга айлантиради -
хусусият
background,
бу фон учун қисқартирилган хусусиятдир -
хусусият
background-image,
бу блокка фон расмини белгилаш имконини беради