hide SplitText text on page load #641
patrickkmatias
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
today when using SplitText it displays the text before animating, causing an weird "blink" effect displaying the text entirely fastly and then animating it
using tailwind, I handled to avoid this issue adding this class in returned css classes for SplitText component:
[&:not(:has(span))]:opacity-0it lets the opacity be 0 only when there is not any span inside the text element, considering that span elements appears only when the animation is loaded.
Beta Was this translation helpful? Give feedback.
All reactions