Skip to content

Commit

Permalink
Update features list for CSS Animations module (#38112)
Browse files Browse the repository at this point in the history
  • Loading branch information
skyclouds2001 authored Feb 12, 2025
1 parent fa5ac9b commit 13d52ec
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 6 deletions.
14 changes: 9 additions & 5 deletions files/en-us/web/css/css_animations/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -242,8 +242,11 @@ Click "Play" in the example above to see or edit the code for the animation in t
- {{cssxref("animation-iteration-count")}}
- {{cssxref("animation-name")}}
- {{cssxref("animation-play-state")}}
- {{cssxref("animation-timing-function")}}
- {{cssxref("animation-timeline")}}
- {{cssxref("animation-timing-function")}}

> [!NOTE]
> The CSS Animations Module Level 2 introduces the `animation-trigger`, `animation-trigger-exit-range`, `animation-trigger-exit-range-end`, `animation-trigger-exit-range-start`, `animation-trigger-range`, `animation-trigger-range-end`, `animation-trigger-range-start`, `animation-trigger-timeline`, and `animation-trigger-type` properties. These have not yet been implemented.
### At-rules

Expand All @@ -262,6 +265,7 @@ All animations, even those with 0 seconds duration, throw animation events.

- [Web Animations API](/en-US/docs/Web/API/Web_Animations_API)
- {{domxref("AnimationEvent")}}
- {{domxref("CSSAnimation")}}
- {{domxref("CSSKeyframeRule")}}
- {{domxref("CSSKeyframesRule")}}

Expand All @@ -285,8 +289,8 @@ All animations, even those with 0 seconds duration, throw animation events.

## See also

- [CSS scroll-driven animations](/en-US/docs/Web/CSS/CSS_scroll-driven_animations)
- Properties in the [transitions](/en-US/docs/Web/CSS/CSS_transitions) CSS module to trigger animations based on user actions
- [CSS scroll-driven animations](/en-US/docs/Web/CSS/CSS_scroll-driven_animations) module.
- Properties in the [transitions](/en-US/docs/Web/CSS/CSS_transitions) CSS module to trigger animations based on user actions.
- The {{cssxref("interpolate-size")}} property and {{cssxref("calc-size()")}} function for enabling animations to and from [intrinsic size values](/en-US/docs/Glossary/Intrinsic_Size).
- The {{htmlelement("canvas")}} HTML element along with [canvas API](/en-US/docs/Web/API/Canvas_API) and [WebGL API](/en-US/docs/Web/API/WebGL_API) to draw graphics and animations
- The {{domxref("SVGAnimationElement")}} interface for all the animation-related element interfaces, including {{domxref("SVGAnimateElement")}}, {{domxref("SVGSetElement")}}, {{domxref("SVGAnimateColorElement")}}, {{domxref("SVGAnimateMotionElement")}}, and {{domxref("SVGAnimateTransformElement")}}
- The {{htmlelement("canvas")}} HTML element along with [canvas API](/en-US/docs/Web/API/Canvas_API) and [WebGL API](/en-US/docs/Web/API/WebGL_API) to draw graphics and animations.
- The {{domxref("SVGAnimationElement")}} interface for all the animation-related element interfaces, including {{domxref("SVGAnimateElement")}}, {{domxref("SVGSetElement")}}, {{domxref("SVGAnimateColorElement")}}, {{domxref("SVGAnimateMotionElement")}}, and {{domxref("SVGAnimateTransformElement")}}.
2 changes: 1 addition & 1 deletion files/en-us/web/css/css_scroll-driven_animations/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ Possible values of the {{cssxref("animation-timeline")}} property for defining _
- [`scroll()`](/en-US/docs/Web/CSS/animation-timeline/scroll)
- [`view()`](/en-US/docs/Web/CSS/animation-timeline/view)

### JavaScript features
### Interfaces

- {{domxref("Element.animate()")}}
- {{domxref("AnimationTimeline")}}
Expand Down

0 comments on commit 13d52ec

Please sign in to comment.