Функцыя 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,
якая задае стыль для фону