Total unique animation durations

values.animations.durations.totalUnique

The total number of unique 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: 1s;
	transition-duration: 2000ms;

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

The resulting metric looks like this:

{
  "values.animations.durations.totalUnique": 3
}

Note that 2s and 2000ms are not strictly equal, because of their different notations.

Further reading

• Analyzing CSS animations