- From: Andrew via GitHub <sysbot+gh@w3.org>
- Date: Fri, 01 Jun 2018 18:20:00 +0000
- To: public-css-archive@w3.org
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
Received on Friday, 1 June 2018 18:20:04 UTC