Would love to have images slide in on scroll in the homepage. Here is an example of what i mean: https://www.wowhydrate.com/.
My website is https://24kjuice.co.uk/ and any help is much appreciated!
I've found a css animation cheat sheet here www.justinaguilar.com/animations/index.html but not sure how to implement it in my code.
Having an animation like that is definitely eye catching, but just cause it looks cool doesnt mean it's going to be something that fits your use case. Based on your website, you don't really have the kind of set up to implement the same kind of thing they did. You just don't have enough content set up. If I were you, at the moment I would put that on the backburner and focus more on getting a little more content up.
When that callback function runs, add the class name that applies the opacity of 1 and the transformX to 0.
It all sounds incredibly complicated, but it's not too much. You just have to have a pretty solid understanding of web development fundamentals. I'd be happy to walk you through it in a little more detail after you're all set up. Feel free to reach out whenever.