Opacity функциясы
opacity функциясы
фон суретінің мөлдірлігін өзгертуге мүмкіндік береді.
100% немесе 1 мәні
суретке бастапқы мөлдірлікті қалдырады.
0 мәні
суреттің толығымен мөлдір болатынын білдіреді.
Осы аралықта орналасқан кез келген сан
фонның жартылай мөлдірлігін орнатады.
Теріс мән беруге болмайды.
Әдепкі бойынша мәні 1 тең.
Синтаксис
селектор {
filter: opacity(сан);
}
Мысал
Келіңіздер, біз суретімізге 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;
}
:
Мысал
Енді 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сипаты,
ол көмегімен блокқа фондық сурет беруге болады