Repurpose the "Animatable CSS properties" page

[yarusome]

Description

This PR:

1. Reuses the existing "Animatable CSS properties" page to adds contents to explain the common animation types;
2. Has not edited the following affected pages that link to this page:
   • web/css/animation,
   • web/css/css_transitions/using_css_transitions,
   • web/css/transition-property;
3. Does not remove the to-be-deprecated {{CSSAnimatedProperties}} macro.

Motivation

See https://github.com/orgs/mdn/discussions/367.

Additional details

Most contents are reproduced from the relevant section in the Web Animations spec:
https://w3c.github.io/csswg-drafts/web-animations-1/#animating-properties

Related issues and pull requests

Fixes #17768.

[github-actions]

Preview URLs

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

External URLs (3)

URL: /en-US/docs/Web/CSS/CSS_animated_properties
Title: Animatable CSS properties

• https://drafts.css-houdini.org/css-properties-values-api/ (1 time) (Note! This may be a new URL 👀)
• https://w3c.github.io/csswg-drafts/css-values/ (1 time) (Note! This may be a new URL 👀)
• https://w3c.github.io/csswg-drafts/web-animations-1/ (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2023-04-24 13:58:16)

[yarusome]

cc @teoli2003

[teoli2003]

A few changes needed (We'll need to check the output of the PR companion to check the output of the definition list)

[teoli2003]

I prefer to keep the page's name as is for now. If we want to change it, we should move the page too. This can be done in a follow-up PR to keep the discussion separated.

[yarusome]

I finally fixed the definition list after finding the format in the guide.

[teoli2003]

👍