Create rotating text effect in heading

Design help Animations & Interactions
1

Hi everybody,

I’d like to recreate the effect used in the hero heading on this template, where individual words rotate in and out of sight https://sonoma-cms.webflow.io/

I looked into how their website is built in the designer and they did it with a rotate animation - but I don’t quite get how it’s done. And I was wondering if there is a custom code embed version for this that might make it a bit simpler.

Thanks for your help :slight_smile:

(no share link, because project doesn’t exist yet)

2

Hi @Amelie1,

I’m trying to achieve the same thing. I also can’t deconstruct how it was done in the template you referenced.

Were you ever able to find a good alternative custom code solution?

3

I’m also looking for a solution for this

4

Would also love to see if this is possible