How to rotate an image on scroll?

[kelnguyen4]

I am attempting to have a wheel of text rotate when the user scrolls? How do I achieve this?

[yevheniias]

Hey!
Check out these links on animations:

• https://www.wix.com/corvid/example/image-and-text-animation

• https://www.wix.com/corvid/forum/corvid-tips-and-updates/example-wix-animations

• https://www.wix.com/corvid/reference/wix-animations.html#timeline

[kelnguyen4]

Thanks for the help Yevheniia but is there a way to animate when a user scrolls in Wix instead of having it on a timeline?

[givemeawhisky]

Using the Wix Animation API would be your best choice here.

However, for a simple workaround you can simply have this text pinned to your screen and then add an anchor or element with a onViewportEnter or onViewportLeave event handler function.

So that when the viewport function runs it starts the text spinning simply using the spin in the effect options .

It doesn’t have to be pinned, that was just an idea for having it go up and down the page with the scroll.

If you wanted to do more with the text itself then you would have to look into using your own html/css/js code and using a html iFrame with your animated text inside.