Функсияи 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,
ки рангнокӣ (hue)-ро ба замина таъин мекунад -
функсияи
invert,
ки рангҳои заминиро инверт мекунад -
функсияи
opacity,
ки шаффофияти заминиро таъин мекунад -
функсияи
sepia,
ки заминиро ба сепия табдил медиҳад -
хусусияти
background,
ки хусусияти кӯтоҳшуда барои замина мебошад -
хусусияти
background-image,
ки бо ёрии он метавон ба блок тасвири замина таъин кард -
хусусияти
filter,
ки услубро барои замина таъин мекунад