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