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