Blur функциясы
blur функциясы фондук сүрөттөрдү
Гаусс боюнча булуңдатууга мүмкүндүк берет.
Синтаксис
тандоочу {
filter: blur(булуңдатуу өлчөмү);
}
Мисал
Келгиле, биздин сүрөтүбүзгө 2px булуңдатуу
коёлу:
<div id="elem"></div>
#elem {
filter: blur(2px);
background-blend-mode: normal;
background: url("bg.png") center / cover no-repeat,
linear-gradient(#00A8DE, #FFF) fixed;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Ошондой эле караңыз
-
brightnessфункциясы,
ал фонго жарыктык берип коёт -
contrastфункциясы,
ал фонго контрасттуулук берип коёт -
drop-shadowфункциясы,
ал фонго көлөкө берип коёт -
hue-rotateфункциясы,
ал фонго түстүүлук берип коёт -
invertфункциясы,
ал фондун түстөрүн инверттеп коёт -
opacityфункциясы,
ал фонго өтө көрүнүүчүлүк берип коёт -
sepiaфункциясы,
ал фонду сепияга айландырып коёт -
backgroundкасиети,
ал фон үчүн кыскартылган касиет болуп саналат -
background-imageкасиети,
анын жардамы менен блокупка фондук сүрөттү коюуга болот -
filterкасиети,
ал фон үчүн стил берип коёт