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