Multi-Image Page Transition Animation

Now what about this
This is a remake of this Codrop: https://tympanus.net/Development/RapidLayersAnimation but remade natively in Webflow.
The article above explains the logic behind the animation, but basically you have a parent (with overflow: hidden) for each image which animates up, while the images themselves animates down at the same speed.
Could need some tweaks regarding easing, more images etc.
I think it looks super cool π€
π Check out my latest templates - https://robn.link/templates
π Portfolio - https://robn.link/portfolio
Similar sites

71
118

20
55

126
402

28
39

92
147

92
341