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сипаты,
фон үшін стиль орнатады