Sepia функциясы
sepia функциясы
фон сүрөтүн сепияга - күрөң
түстөгү кара-ак сүрөткө айландырууга мүмкүндүк берет.
0 мааниси сүрөт
баштапкы абалында каларын билдирет.
100% же 1 мааниси фонду
толугу менен сепияга айлантат. Ушул
аралыктагы каалаган сан сепиянын колдонулушун сызыктуу
түрдө белгилейт. Терс маанини
белгилөөгө болбойт.
Демейки маани 0 деп эсептелет.
Синтаксис
тандоочу {
filter: sepia(сан);
}
Мисал
Келгиле, биздин сүрөтүбүздү толук сепия кылып көрөлү:
<div id="elem"></div>
#elem {
filter: sepia(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Мисал
Эми сепиянын колдонулушун
50% ке азайталы:
<div id="elem"></div>
#elem {
filter: sepia(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Мисал
Эми sepia
функциясына 0 барабар маани
белгилейли:
<div id="elem"></div>
#elem {
filter: sepia(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функциясы,
фондун түстөрүн инверсиялайт -
opacityфункциясы,
фондун өтө көрүнүмдүүлүгүн белгилейт -
backgroundкасиети,
фон үчүн кыскартылган касиет -
background-imageкасиети,
блокко фон сүрөтүн коюу үчүн колдонулат -
filterкасиети,
фон үчүн стилди белгилейт