[csswg-drafts] [css-animations] Add keyframe selectors for the animationstart and animationend events (#6687)

• From: Šime Vidas via GitHub <sysbot+gh@w3.org>
• Date: Sun, 26 Sep 2021 00:57:53 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-1007236452-1632617871-sysbot+gh@w3.org>

simevidas has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-animations] Add keyframe selectors for the animationstart and animationend events ==
Spec: https://drafts.csswg.org/css-animations/#keyframes

Maybe it would be a good idea to add `start` and `end` keyframe selectors that would represent the `animationstart` and `animationend` events. That would enable code like this:

```css
@keyframes fadeOut {
  to { opacity: 0 }
  end { display: none }
}
```

It seems that, currently, authors have to apply `display: none` via JavaScript.

***

[Related Twitter discussion](https://twitter.com/_developit/status/1412452250065252361)


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6687 using your GitHub account


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

Received on Sunday, 26 September 2021 00:57:55 UTC