Thanks for clarifications @shroomers88 . Here are my answers
- Animation 1:
- Words switch: how to have the words switch "business sites, e-commerce stores, etc.) in the animation?
Does this help? http://webflow-typer-demo.webflow.io/ - Image distortion: how can I have the image distorted/at an angle?
I would start here: 3D movement & parallax | Webflow University - Images sliding from side to side: how to have the images sliding? I’ve had a look at the video you’ve sent but it doesn’t go into much details.
Is this post and tutorial helpful? Horizontal move on Vertical Scroll - #6 by maartin - Images height perspective and shadows: how to have the images “elevate” from the background and then disappear?
Look at the intro to 3D article above. You basically move elements on the z-axis and then use interactions with opacity.
- Animation 2:
- Words fading and sliding: where should I look at in the dashboard?
This is made with interactions which you can find on the far top right. Image 2019-10-28 at 9.27.52 AM I would start here: Intro to Interactions | Webflow University - Image sliding and then sticking: how can I have the images moving from a place to another and then stick depending on-page location? Also how can I control the direction in which they go?
I’m sharing two projects I’ve made a while back helping on the forum. Maybe not exactly what you want but could be helpful while learning. Look at the preview and try to learn.
http://floating-div-scroll.webflow.io/
Preview
http://sidebar-scroll.webflow.io/
Preview
- Animation 3:
- How can I have the background colors switch from one color to another this smoothly?
This is again made with interactions and if you learn the basics this is fairly simple. But for the sake of it I’ve made project for you to look at.
https://change-background-color-on-scroll.webflow.io/
Preview
Let me know if this was helpful or not.