Hi – after many hours of watching tutorials and trying things don’t really work yet. On the page “Speakers” I would like images to move in from the bottom, and text from the side. It works on the first one but on the other only partly and sometimes although classes are applied.
Also it would be great if after scrolling down and up again the the interaction would run again. Now it only runs once.
Here is the Link to the page and below to the project
Hey there @kurt,
First I gotta say- I love the simple & clean design!
Now to our problem:
This is a classic case for class based animation. Your elements naming, hierarchy and structure is on the spot, so it is really easy to interact on a large scale.
Here it is:
Remove all the interactions on the children elements
Create 1 “large” interaction on the first ‘Div Block 7’ (could have a better class name )
Apply all scroll in and out interactions on this parent element.
Hi Aviv, thank you for your compliment And you helped me VERY much! I worked it the way you showed and I am getting there, maybe a little more tuning is needed. I applied it on two other pages (work still in progress), works nicely.
But when I tried to apply it to text within a slider, I couldn’t get it working. It only moves in the first slide. (The previews when working in the interactions section are fine). Maybe you could have a look.
Thank you for looking, yet I don’t see it works here: https://mo-konferenz.webflow.io
Only in Designer/interactions/preview. The text does not move in from right to left in two steps.
)
And you helped me VERY much! I worked it the way you showed and I am getting there, maybe a little more tuning is needed. I applied it on two other pages (work still in progress), works nicely.
