Функција brightness
Функција brightness омогућава да промените
осветљеност позадинске слике. Почетна осветљеност
позадине одређена је вредношћу 100% или 1,
при њиховом смањењу смањује се и осветљеност слике.
Према томе при повећању вредности преко 100%
осветљеност се повећава. Негативне вредности се не примењују,
а празна вредност аутоматски се тумачи
као 1.
Синтакса
селектор {
filter: brightness(број);
}
Пример
Поставимо за нашу слику осветљеност
од 20%:
<div id="elem"></div>
#elem {
filter: brightness(20%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Пример
А сада да повећамо осветљеност слике
до 120%:
<div id="elem"></div>
#elem {
filter: brightness(120%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Пример
Поставимо за нашу слику почетну осветљеност:
<div id="elem"></div>
#elem {
filter: brightness(1);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Погледајте такође
-
функција
blur,
која замућује позадину -
функција
contrast,
која поставља контраст позадини -
функција
drop-shadow,
која поставља сенку позадини -
функција
hue-rotate,
која поставља боју (нијансу) позадини -
функција
invert,
која инвертује боје позадине -
функција
opacity,
која поставља провидност позадини -
функција
sepia,
која претвара позадину у сепију -
својство
background,
које представља својство-скраћеницу за позадину -
својство
background-image,
помоћу кога блоку можете да поставите позадинску слику -
својство
filter,
које поставља стил за позадину