How to create animation that changes text and background image on scroll

Question

I have this example made in XD (attached) where I scroll forward and then backward. You see the last part of the paragraph changes text, and the background image changes also.
I tried recreating this in WebStudio with the recently added animation but have found no way to do this.

Somebody know how to do this?

Oleg Isonen · Answer

please checkout all educational videos https://www.youtube.com/playlist?list=PL4vVqpngzeT5PIw14Re-_a3iJfawLdLk7

digizone · Answer

Yes I haven't studied it all yet, by your answer you mean that my example is possible. Great.

digizone · Answer

Another question : will my animations remain in place when I export the website ?

digizone · Answer

Or I must host the website on cloud/self-host in order to keep animations?

Mikeoxygen · Answer

the animations do not use any external libraries and they rely on web APIs.

Mikeoxygen · Answer

So they should remain in place

Join the Webstudio community

How to create animation that changes text and background image on scroll