Scroll Progress Indicator - Webflow interactions and animations tutorial
We'll create a horizontal progress indicator which scales as we scroll down the page. This lesson starts by covering the design of the div block used as the indicator, then moves into creating the scroll trigger, configuring the animation, and finally, adjusting the transform origin.
Steps in the video:
00:00 - Introduction
00:20 - Design
00:58 - Trigger
01:10 - Animation
01: 56 - Origin
Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
----------
Get started with Webflow:
https://university.webflow.com/course...
http://webflow.com
/ webflow
/ webflow
Watch video Scroll Progress Indicator - Webflow interactions and animations tutorial online without registration, duration hours minute second in high quality. This video was added by user Webflow 24 October 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 114,250 once and liked it 1.1 thousand people.