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

Crossfade transition: Transition strategies #15519

Open
tizu69 opened this issue Mar 15, 2025 · 0 comments · May be fixed by #15520
Open

Crossfade transition: Transition strategies #15519

tizu69 opened this issue Mar 15, 2025 · 0 comments · May be fixed by #15520

Comments

@tizu69
Copy link

tizu69 commented Mar 15, 2025

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

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

Successfully merging a pull request may close this issue.

1 participant