- From: Brian Birtles via GitHub <sysbot+gh@w3.org>
- Date: Tue, 25 Mar 2025 01:35:50 +0000
- To: public-css-archive@w3.org
> That aside, this could have been possible today with WAAPI in one line if we had [`iterationComposite`](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/iterationComposite) cross-browser: https://jsbin.com/yulefimane/1/edit?css,js,output
Ah, yes, I forgot we specified that. I think that's more useful for this case because it allows you to easily have a flat part followed by an ease part which seems more clock-like to me, e.g.
```js
window.target.animate({
rotate: ['0deg', '0deg', '6deg']
}, {
duration: 1000,
iterations: Infinity,
iterationComposite: 'accumulate',
easing: 'ease'
});
```
[JSbin](https://jsbin.com/sesewuwida/edit?css,js,output)
I'm not sure how you'd achieve that with the `steps(3, ease)` approach.
--
GitHub Notification of comment by birtles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11970#issuecomment-2749814291 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 25 March 2025 01:35:51 UTC