- From: Brian Birtles via GitHub <sysbot+gh@w3.org>
- Date: Tue, 08 Dec 2020 08:01:36 +0000
- To: public-css-archive@w3.org
That's a good idea. You can sometimes achieve this using Web Animations by overlapping the easing on the effect with the easing on individual keyframes.
```js
box.animate({
transform: ['none', 'translate(200px)'],
easing: 'ease-out'
}, {
duration: 1000,
iterations: Infinity,
easing: 'steps(5)'
});
```
(You really shouldn't need the `none` in the transform list, though. I guess something's wrong with the Web Animations keyframe processing where it doesn't apply easing to implicit keyframes?)
--
GitHub Notification of comment by birtles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5770#issuecomment-740453353 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 8 December 2020 08:01:41 UTC