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,
блокко фон сүрөтүн берүү үчүн колдонулат