Re: [csswg-drafts] [css-easing] Allow `steps()` to accept an easing function as the `<step-position>` (#11970)

• From: surahotoke via GitHub <noreply@w3.org>
• Date: Sat, 07 Jun 2025 13:05:50 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-2952462868-1749301548-noreply@w3.org>

I came up with the following workaround:

```css
@keyframes ticking-steps {
  to {
    rotate: 360deg;
  }
}
@keyframes ticking-ease {
  to {
    rotate: 6deg;
  }
}

.seconds {
  animation: ticking-steps 60s steps(60) infinite;
}
.seconds-smooth {
  animation: ticking-ease 1s ease infinite;
}
```

```html
<div class="seconds"><div class="seconds-smooth"></div></div>
```

-- 
GitHub Notification of comment by surahotoke
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11970#issuecomment-2952462868 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 7 June 2025 13:05:51 UTC