Transforming elements on scroll in Framer (Animation Lesson 8) скачать в хорошем качестве

Transforming elements on scroll in Framer (Animation Lesson 8)

Where Scroll Animations allowed us to trigger an animation that carried itself out with a pre-defined duration — Scroll Transforms let us translate scrolling into smooth, gradual changes to the position, scale, rotation, and opacity of an element. Transforming elements on scroll lets the visitor drive, bringing a sense of connection between motion and input. It’s a super fun and powerful way to make your site feel more dynamic and reactive. In this lesson, we’ll look at how easy it is to make it happen in Framer. Grab the remix link from Framer Academy: https://www.framer.com/academy/lesson... 00:00 Intro 00:48 Adding the Scroll Transform effect 01:12 From and to states explained 01:48 Adjusting opacity and scale 02:24 Choosing the right trigger 03:01 Using ‘Layer in View’ 04:45 Adding a spring transition 05:44 Adding a nested scroll transform 07:54 Using ‘Section in View’ 11:31 Wrap up Sign up: https://framer.link/yt Follow: https://framer.link/yt-x Learn: https://framer.link/yt-academy