Total animation timing functions

values.animations.timingFunctions.total

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

Example

selector {
  /* Regular animation- & transition-timing-function properties */
  animation-timing-function: linear;
  animation-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);

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

The resulting metric looks like this:

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

Further reading