useTransition smooth text animation #776
Unanswered
victors1681
asked this question in
Support
Replies: 2 comments
-
Hi guys! Any updates on this issue? |
Beta Was this translation helpful? Give feedback.
0 replies
-
Have you tried letting useTransition set the key instead of your UUID function? |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
🤓 Question
I'm trying to animate sentences using transition.
1-Get the text
Lorem Ipsum is simply dummy text of the printing.
2-Separating the words
const arr = text.split(' ')
3-Animate each item.
This approach is working but went I pass another text I have a weird transition.
when I set the new state with the new text start appearing before the previous text is gone and the new text starts to relocate.
Desire behaviors
Smooth transition at the beginning, when a new text comes, old text disappear smoothly and the new one appears in the same position as the previous one.
Sample code:
https://codesandbox.io/s/frosty-darkness-66izj?fontsize=14
I'll appreciate your help guys.
Beta Was this translation helpful? Give feedback.
All reactions