Page Scroll Animations

#1

Context
Typically page scroll animation would be executed with drivers in Principle. What I find with drivers is that it determines the duration of when the animated element should begin and end. E.g. If I scrolled between 500px - 1000px the element would have completed its animation.

Question

  1. Is there a way where you could have drivers only trigger when the animation should start but not determine the duration?
    E.g. This animation will start at 500px but will take 400 milliseconds to animate.

  2. Is there a way to add an custom easing function to an element when using drivers, same as you would when using the standard timeline in Principle?

0 Likes