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հատկությունը,
որը սահմանում է ֆոնի ոճը