Skip to content

Add support for @starting-style rule #6800

Open
@timmhayes

Description

@timmhayes

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions