Total unique animation timing functions


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


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.totalUnique": 3

Note that linear and cubic-bezier(0, 0, 1, 1) are strictly the same, but their notation is different.

Further reading