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 accountReceived on Friday, 1 June 2018 18:20:04 UTC
This archive was generated by hypermail 2.4.0 : Monday, 4 July 2022 14:04:22 UTC