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