The community member tried to follow a tutorial to create a typewriter effect, but ran into an issue where creating a second text span next to an existing span combined the two into one. They asked if there are other ways to achieve this effect, such as using GSAP. The comments suggest using the GSAP integration in Webflow, as well as the "staggered text" feature. Another community member was able to create two spans next to each other in Webflow by separating them with a space, creating the spans, and then deleting the space. The community members discussed whether this should be treated as a bug on the Webflow side. Ultimately, the issue was resolved by using an HTML embed to add the necessary code, and adjusting the parent element to use flex to remove the space between the spans.
I tried to follow this as best as I could but it didn’t work. Main problem I ran into was when I tried to create a second text span right next to an existing span it combined the 2 into one span.
Also besides typer.js is there another way to do this through something like GSAP or something else?
I dont know if that tutorial I linked would work anyways. The custom code he inputs through webflow is for before the </body> tag. And custom code in webstudio is added at the end of the <head> tag?