Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for @starting-style rule #6800

Open
timmhayes opened this issue Aug 14, 2023 · 1 comment
Open

Add support for @starting-style rule #6800

timmhayes opened this issue Aug 14, 2023 · 1 comment

Comments

@timmhayes
Copy link

The @starting-style rule will be shipping with Chrome 117 stable next month and will be tremendously helpful against a minor but irritating CSS headache. It will finally allow you to use CSS transitions with elements that are going to or from display:none. No more hacks needed!

Spec: https://drafts.csswg.org/css-transitions-2/#defining-before-change-style-the-starting-style-rule
Chrome notes: https://chromestatus.com/feature/4515377717968896
Example1: https://www.bram.us/2023/05/24/the-yellow-fade-technique-with-modern-css-using-starting-style/
Example2: https://codepen.io/callmetimm/pen/ExOqbBe

@timmhayes
Copy link
Author

Update: With the release of Chrome 117, @starting-style is now supported in Chrome Stable for desktop and mobile as well as MS Edge. Please add it to your list.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants