Total animation durations

values.animations.durations.total

The total number of animation-durations and transition-durations, including the ones that are part of the animation and transition shorthand.

Example

selector {
	/* Regular animation-duration properties */
	animation-duration: 0s;
	animation-duration: 1s;
	transition-duration: 2000ms;

	/* `animation` shorthand property */
	animation: 5s my-animation;
}

The resulting metric looks like this:

{
  "values.animations.durations.total": 4
}

Further reading