Follow
The #CSSWG just resolved to make the `display` property animatable, with non-`none` values given priority during the transition. It's still discrete - there's no intermediate values between `block` & `none` - but this allows toggling it as part of a transition or animation.
For example (from @flackr) this would become `display:none` when the transition completes:
```css
.hide {
transition: opacity 200ms, display 200ms;
display: none;
opacity: 0;
}
```
https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-1318933547