the animated text doesn't follow the flow of H1
i have an issue with the animated text;
basically it doesn't follow the h1 flow, what i want to do is make an animation that's infinitely scrollable;
https://codesandbox.io/p/sandbox/fnlkxd (start from line 115 in main.css)
so part of the problem is me using display block; because it doesn't work with display inlines;
i don't know how to do it properly the animation with also the text flow
4 Replies
maybe a pseudo element ::after with a custom property for the
content thats updated in the animation ?what do you mean
i don't understand custom property content with updated stuff?
my laptop is dying so i dont have the time to polish this but hopefully it will give you the general idea. thats a lot of different words though, i didnt realize you needed it to change 8 times. youd probably be better off using javascript than this approach with pseudo elements
https://codepen.io/Miss-Fox/pen/OPLyBdd