Re: [csswg-drafts] [css-animations-2, css-transitions-2] Entry and exit animations for top-layer elements (#8189)

A complete working demo is [here](https://codepen.io/chrishtr1/pen/eYLyGgq) that you can use on Chrome Canary. Command-line to test:

```
chrome --user-data-dir=/tmp/foo --enable-blink-features=CSSDisplayAnimation,CSSTransitionDiscrete,CSSTopLayerForTransitions https://codepen.io/chrishtr1/pen/eYLyGgq
```

This demonstrates a dialog that is normally below a green overlay, but when it is in the top layer it is on top. It also demonstrates animation of discrete properties generally, `display` (to prevent disappearing), and `top-layer` (to stay on top of the green overlay).

When closing the dialog, it transition-animates opacity, display and top-layer with potentially different durations for each.



-- 
GitHub Notification of comment by chrishtr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8189#issuecomment-1464556841 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 10 March 2023 22:25:40 UTC