Skip to content

Crossfade transition: Transition strategies #15519

@tizu69

Description

@tizu69

Describe the problem

I'm always frustrated when I want to animate a button that turns into a card on click, mainly because there are no built-ins for this sorta stuff. theres crossfade, but it would stretch the text instead of just moving it. However, that is the only thing preventing this. Copying the transition into my own project and making a simple three-line change fixes this - I can now have funny feedback buttons :p
However, it would obviously be neat to have this in base svelte.

Describe the proposed solution

Transition strategies, which impact how the transition transitions. Next to the default scaling, resizing the elements could be another option, which looks nicer with text (depending on use case, obviously.)
There may be others to consider in the future, but I at the moment only would be interested in resizing.

Importance

would make my life easier

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions