[csswg-drafts] [css-selectors] :clicked for animations on click

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

== [css-selectors] :clicked for animations on click ==
The `:clicked` would be another selector similar in action to `:active` with one slight but major change. Both would start at the same time but whereas `:active`'s active duration is only for when the mouse is pressed down `:clicked` would last for the maximum time of either the duration of mouse pressed or the duration of encompassed tags such as animations.

Example:

```md
* Mouse down
* :active fires
* :clicked fires
* :clicked animation (duration 0.2s) starts
* time delay 50ms
* Mouse Up
* :active encompassment falls out of scope
* time delay 150ms
* :clicked animation ends
* :clicked encompassment falls out of scope
```

However, if the animation finishes before the mouse up `event` has happened then it continues to act like `:active` and waits for mouse up

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

Received on Tuesday, 1 August 2017 21:59:16 UTC