W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

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

From: Andrew via GitHub <sysbot+gh@w3.org>
Date: Fri, 01 Jun 2018 18:20:00 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-393967718-1527877199-sysbot+gh@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

This archive was generated by hypermail 2.3.1 : Friday, 1 June 2018 18:20:04 UTC