transition-timing-function should be easing

[rectalogic]

CSS transition-timing-function is renamed easing in Web Animations API.

Note: There are a number of small differences between the terminology used in CSS Animations and the terminology used in Web Animations. For instance, Web Animations doesn't use the string "infinite", but instead uses the JavaScript keyword Infinity. And instead of timing-function we use easing.
https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API

This does not appear to be renamed in the generated js, e.g. see bounce.js:

  {
    offset: 0.8,
    'transition-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',
    transform: 'translate3d(0, 0, 0) scaleY(0.95)'
  },

https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/dist/attention_seekers/bounce.js

Ahh, it looks like the code is wrong, it's renaming animation-timing-function to easing, but not transition-timing-function:

animations/src/animations.cjs

Line 35 in f06ff2b

if (property === 'animation-timing-function') property = 'easing';

[rectalogic]

Actually I think the bug is in animate.css
animate-css/animate.css#1797