Skip to content
Transforms and animation

animation-duration

Sets the length of one animation cycle.

86 effects in the catalog use this property.

Syntax

animation-duration: <time>;

Watch out

A duration of `0s` is valid and still fires animation events even though no motion is visible. Use `animation: none` when you need to disable the animation completely.

Effects using animation-duration

These are working effects from the catalog. Open a tile to inspect the full source.