Changing text animation loop

[dinethde]

Hi Guys,

I am I’m finding it difficult to find an answer for my question, so I decided to try my luck over here. What is am trying to accomplish is the following.

I would like to display a changing word loop in my hero heading which includes 5 words and the changing word loop should only affect to one specific word in the heading. I did create a changing word loop for a single word, but unfortunately, I couldn’t apply that for a single word (span element) inside the heading as I expected it to work.

For example, my hero heading is “Your Dream Wedding, Beautifully Captured.” and I want to change the word “wedding” to ‘event’ and to ‘party’. I’ve read the documentation and tried to find a tutorial yet I couldn’t.

I would greatly appreciate it if anyone could help me or direct me to some kind of information to accomplish the above.

P.S. I’m building this project in Webflow using custom coding functionalities

See the Pen GRaNjmG by dineth-de (@dineth-de) on CodePen.

[Rodrigo]

Hi,

 

Maybe the demos in this thread can provide some inspiration:

 

Hopefully this helps.

Happy Tweening!

[daanniel]

Like @Rodrigo said above, I had pretty much the same issue and I managed to sort it. The answers in that thread were super helpful.

[dinethde]

On 5/27/2024 at 10:51 PM, Rodrigo said:

Hi,

 

Maybe the demos in this thread can provide some inspiration:

 

Hopefully this helps.

Happy Tweening!

Hey @Rodrigo, the thread was super helpful. Thanks a lot.