Функција 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,
које задаје стил за позадину