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
Смотрите видео Scroll Progress Indicator - Webflow interactions and animations tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Webflow 24 Октябрь 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 114,250 раз и оно понравилось 1.1 тысяч людям.