W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2020

[csswg-drafts] [selectors] add ::transition (styles applied during transition) (#5823)

From: Yair Even Or via GitHub <sysbot+gh@w3.org>
Date: Thu, 24 Dec 2020 15:55:05 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-774496407-1608825304-sysbot+gh@w3.org>
yairEO has just created a new issue for https://github.com/w3c/csswg-drafts:

== [selectors] add ::transition (styles applied during transition) ==
# `::transition`

I would like to suggest creating such a useful selector, for styling elements **only** during transition (not *animation*).


### Block the user from toggling a thing during transition 
```css
.elm::transition{ pointer-events:none }  
```

### Hide specific children during transition
```css
.elm::transition > .foo{ display:none }  
```

----

It will also open the door to some interesting effects:

### Every time `.elm` is transitioned, apply a filter
```css
.elm::transition{ filter:blur(2px) }  
```


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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 24 December 2020 15:55:07 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:24 UTC