iain71
(Iain MacDonald)
June 4, 2021, 8:53am
1
I’ve just been trying out some animations on a site I’m working on. One is where images kind of zoom in to full size as you scroll down the page.
There are a few sections, but based on a CMS collection. So that means they are all animating at the same time, rather than as each comes into view as you scroll.
The page is here:
https://edifyvr.webflow.io/case-studies
https://preview.webflow.com/preview/edifyvr?utm_medium=preview_link&utm_source=designer&utm_content=edifyvr&preview=329f4542c26a7c6b35281749fee1ac01&workflow=preview
Does anyone know a solution to this? Thank you!
Perhaps this thread helps
Hey! I’ve already created a “card style stacking” interaction using images pulled from a CMS collection and sticky scrolling
I’ve been trying to scale & fade out the bottom card as the next card comes into view, however any interactions I create get applied to the whole collection, so I can’t seem to get this to work.
Any way to add a custom class on each collection item and then target that in the interactions panel?
Alternatively I was thinking I could target each item with the “nth child” …
iain71
(Iain MacDonald)
June 4, 2021, 11:30am
3
Thank you - that looks like it could be a fix.