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:
CSS
transition-timing-function
is renamedeasing
in Web Animations API.This does not appear to be renamed in the generated js, e.g. see bounce.js:
https://cdn.jsdelivr.net/npm/@shoelace-style/animations@1.1.0/dist/attention_seekers/bounce.js
Ahh, it looks like the code is wrong, it's renaming
animation-timing-function
toeasing
, but nottransition-timing-function
: https://github.com/shoelace-style/animations/blob/f06ff2b5a2acd311351c594b483e38475f952c4e/src/animations.cjs#L35