In this last part of our web transitions tutorial series, learn how to add basic parallax scrolling to your web prototypes. Make sure to check out Parts 1-3 for the full experience.
Download the pie files used:
???? Start – https://bit.ly/3rEImsb
???? Completed – https://bit.ly/3Q6dn2n
Here’s what we’ll cover:
✨ Understand the concept of chaining the scrolling of elements to achieve fluid motion with ProtoPie’s Chain trigger, fine-tuning the movement range of the background image, and dramatic vs. subtle parallax by adjusting the scroll range values.
Part 1: Animation on page load https://youtu.be/850Z44EdnJg
Part 2: Scroll based animations https://youtu.be/x6cCwfqKiKU
Part 3: Horizontal scrolling https://youtu.be/aPraJTncjhk
Check out this tutorial on a more advanced use case:
???? Scroll-based animations with 3D renders using ProtoPie https://bit.ly/3rG16ay
Happy prototyping!
──────────────────────────
Try ProtoPie for free:
???? https://bit.ly/3DnF5QC
Start learning ProtoPie for free from A-Z
???? https://learn.protopie.io/
──────────────────────────
Social Channels
???? Twitter: https://twitter.com/protopieapp
???? Facebook: https://facebook.com/protopie
???? LinkedIn: https://www.linkedin.com/company/protopie
???? Instagram: https://instagram.com/protopie_official
???? Dribbble: https://dribbble.com/protopie
──────────────────────────
???? Join the ProtoPie community
https://community.protopie.io/
???? Need help? Contact us: https://bit.ly/3pWD2jn