W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2019

[csswg-drafts] [web-animations-1] animation start and iteration events (#4461)

From: Liam DeBeasi via GitHub <sysbot+gh@w3.org>
Date: Mon, 28 Oct 2019 17:27:46 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-513448969-1572283665-sysbot+gh@w3.org>
liamdebeasi has just created a new issue for https://github.com/w3c/csswg-drafts:

== [web-animations-1] animation start and iteration events ==
From what I understand, Web Animations do not emit `animationstart` and `animationiteration` events like CSS Animations do. Would it be possible to get some clarification as to what the Web Animation alternatives to those should be?

I see there are `onfinish` and `oncancel` event handlers here: https://www.w3.org/TR/web-animations-1/#dom-animation-onfinish

Here is an example of what I am referring to: https://codepen.io/liamdebeasi/pen/RwwZpeZ

The top square is animated using Web Animations, and the bottom square is animated using CSS Animations. If you open up the console, notice that `animationstart` and `animationiteration` events fire for the CSS Animation square, but not for the Web Animation square.

It would be helpful to know when the animation has started as well as when the animation is iterating from the context of syncing animations with the rest of a user's app.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4461 using your GitHub account
Received on Monday, 28 October 2019 17:27:48 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:55 UTC