CSS property page: filter

[estelle]

This was a guide. Now it's a proper filter page. Creating a guide to filter and backdrop filter in another PR.

Only one file changed
23 images deleted. one renamed.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/filter

(comment last updated: 2023-02-21 20:24:54)

[dipikabh]

Thanks, @estelle! I've suggested a few edits.

[yarusome]

Currently the "Interpolation" section starts with:

When animated, if both the beginning and end filters have a function list of the same length without url(), each of their filter functions is interpolated according to its specific rules.

This implies that interpolation will happen between filter function lists of the same length even if the functions are of different orders, e.g.

img {
  filter: brightness(150%) contrast(50%);
  transition: 1s;
}
img:hover {
  filter: contrast(150%) brightness(50%);
}

but the actual animation is discrete.

[estelle]

Thank you. Updated.

but the actual animation is discrete.

[dipikabh]

Thanks, @estelle. I have a few more comments.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[dipikabh]

Thank you! 👍