Re: [csswg-drafts] [selectors] Proposal for `:event:then(:event)` selector

This setup:
```
foo { transition: width 50ms; }
foo:focus { transition: width 100ms; }
foo:hover { transition: width 200ms; }
```
allows to define to-focus and to-hover animations differently.
But there is no way to define different transitions for from-focus and from-hover cases.

Possible solution: transition to support "in" and "out" cases, it also covers transition rollbacks:

```
foo { /* no transition, sic */ }
foo:focus { transition: width 100ms / width 100ms; }
foo:hover { transition: width 200ms / width 200ms; }
```
So on focus lost event we will have 100ms transition but on foo:hover - 200ms one.



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