Pro Tip#1 - Scrollable Animations
USING BEFORE/AFTER IMAGES TO to simulate the filling of a glass
In this example we show how Pageflow Next allows you to easily build scrollable animations by merging before and after images with the transition effect "Scroll with static background".
Just scroll down to see how an empty glass will become a full glass of tasty red wine. In order to give the animation a suitable environment, we've placed the wine on top of a barrel.
Filling a Glass Of Wine by scrolling
HOW EASY IT IS
We searched the internet for transparent pictures of empty and full jars and found what we were looking for. We finally arranged the two glasses in front of a picture of wine barrels in a wine cellar.
Credits: Adobe Stock_322110547, AdobeStock_230383727
Then we created two sections that use the variations. To create the illusion that the glass fills up as you scroll down, we selected "scroll with static background" as the transition effect.