nonlinear/study/

Animation Primer

Parameters you need to know for web animation

duration

Specifies how many seconds or milliseconds an animation takes to complete one cycle. Default 0

delay

Specifies when the animation will start. Default 0

function

Describes how the animation will progress over one cycle of its duration. Default “ease”

count

Specifies the number of times an animation is played. Default 1

fill-mode

Specifies if the effects of an animation are before the animation starts and after it ends.

visibility

Determines whether or not a transformed element is visible when it is not facing the screen.