2026
1 featuresThe animation property of an AnimationEvent or TransitionEvent object is the Animation object that represents the animation (and thus the element) that fired an animation event.
2023
1 featuresThe animation-composition CSS property chooses how to combine animations that affect the same property.
2020
3 featuresThe web animation API programmatically creates, inspects, and controls element animations, to change and synchronize appearance over time.
The steps() CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. The step-start and step-end keyword values are presets with a single interval.
The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
2015
2 featuresThe animation CSS property animates an element's style over time, using keyframes described in @keyframes rules.
The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.
Limited Availability
4 featuresScroll-triggered animations start and stop CSS animations when an element is within or outside a scrolling range. It's an alternative to applying styles with the IntersectionObserver API. Not to be confused with scroll-driven animations.
The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.
The interpolate-size CSS property sets whether animations and transitions interpolate between a numeric value and a keyword value, such as from a fixed length to auto or fit-content.
The text-decoration: blink CSS declaration flashes text between visible and invisible.