Results 1 - 20 of 86

@keyframes

The @keyframes CSS at-rule lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you'd get when letting the browser handle everything automatically.
animations Animations At-rule CSS Experimental Reference

Using the Web Animations API

The Web Animations API lets us construct animations and control their playback with JavaScript. This article will start you off in the right direction with fun demos and tutorials featuring Alice in Wonderland.
Alice Animate animate Animations animations Beginner beginner CSS duration Guide JavaScript keyframes pause play reverse Timing Tutorial web animations api

animation-delay

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.
CSS CSS Animations CSS Property Experimental Reference

animation-direction

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.
CSS CSS Animations CSS Property Experimental Reference

animation-duration

The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.
CSS CSS Animations CSS Property Experimental Reference

animation-iteration-count

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.
CSS CSS Animations CSS Property Experimental Reference

animation-name

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.
CSS CSS Animations CSS Property Experimental Reference

CSSKeyframeRule

The CSSKeyframeRule interface describes an object representing a set of style for a given keyframe. It corresponds to the contains of a single keyframe of a @keyframes at-rule. It implements the CSSRule interface with a type value of 8 (CSSRule.KEYFRAME_RULE).
API CSS Animations CSSOM Experimental Interface Reference

CSSKeyframesRule

The CSSKeyframesRule interface describes an object representing a complete set of keyframes for a CSS animation. It corresponds to the contains of a whole @keyframes at-rule. It implements the CSSRule interface with a type value of 7 (CSSRule.KEYFRAMES_RULE).
API CSS Animations CSSOM Experimental Interface Reference