W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2020

Re: [csswg-drafts] [css-easing] Non-linear step easing (#5770)

From: Brian Birtles via GitHub <sysbot+gh@w3.org>
Date: Tue, 08 Dec 2020 08:01:36 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-740453353-1607414495-sysbot+gh@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

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:37 UTC