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.

  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, 5 July 2022 06:42:23 UTC