<filter-function>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since ÑенÑÑбÑÑ 2016 г..
Тип даннÑÑ
CSS <filter-function> пÑедÑÑавлÑÐµÑ Ñобой гÑаÑиÑеÑкий ÑÑÑекÑ, коÑоÑÑй Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑ Ð²Ð½ÐµÑний вид вÑ
одного изобÑажениÑ. Ðн иÑполÑзÑеÑÑÑ Ð² ÑвойÑÑваÑ
filter и backdrop-filter.
СинÑакÑиÑ
Тип даннÑÑ
<filter-function> ÑказÑваеÑÑÑ Ñ Ð¸ÑполÑзованием одной из ÑÑнкÑий, ÑказаннÑÑ
ниже. ÐÐ°Ð¶Ð´Ð°Ñ ÑÑнкÑÐ¸Ñ ÑÑебÑÐµÑ Ð°ÑгÑменÑ, коÑоÑÑй, еÑли он невеÑен, не пÑÐ¸Ð²Ð¾Ð´Ð¸Ñ Ðº пÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ ÑилÑÑÑа.
blur()-
ÐÑименÑÐµÑ ÑÑÑÐµÐºÑ ÑазмÑÑÐ¸Ñ Ðº изобÑажениÑ.
brightness()-
ÐÐµÐ»Ð°ÐµÑ Ð¸Ð·Ð¾Ð±Ñажение ÑÑÑе или Ñемнее.
contrast()-
УвелиÑÐ¸Ð²Ð°ÐµÑ Ð¸Ð»Ð¸ ÑменÑÑÐ°ÐµÑ ÐºÐ¾Ð½ÑÑаÑÑноÑÑÑ Ð¸Ð·Ð¾Ð±ÑажениÑ.
drop-shadow()-
ÐÑименÑÐµÑ Ðº изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑенÑ.
grayscale()-
ÐÑеобÑазÑÐµÑ Ð¸Ð·Ð¾Ð±Ñажение к Ñонам ÑеÑого.
hue-rotate()-
ÐзменÑÐµÑ Ð¾ÑÑенок изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð·Ð° ÑÑÑÑ Ð¿Ð¾Ð²Ð¾ÑоÑа на ÑвеÑовом кÑÑге.
invert()-
ÐнвеÑÑиÑÑÐµÑ ÑвеÑа изобÑажениÑ.
opacity()-
ÐзменÑÐµÑ Ð¿ÑозÑаÑноÑÑÑ Ð¸Ð·Ð¾Ð±ÑажениÑ.
saturate()-
ÐзменÑÐµÑ Ð½Ð°ÑÑÑенноÑÑÑ ÑвеÑов изобÑажениÑ.
sepia()-
ÐÑеобÑазÑÐµÑ Ð¸Ð·Ð¾Ð±Ñажение в ÑепиÑ.
СпеÑиÑикаÑии
| Specification |
|---|
| Filter Effects Module Level 1 # typedef-filter-function |
СмоÑÑиÑе Ñакже
- СвойÑÑва, коÑоÑÑе иÑполÑзÑÑÑ ÑÑÐ¾Ñ Ñип даннÑÑ
:
filterиbackdrop-filter