Total unique animation durations


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


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