Category:

Tutorial

Duration: 1:04:16

8,288 views

207

Webflow makes it super easy to create interactions and animations. In just a few minutes, you can create a 3D rotation effect, a page loading animation, a parallax effect triggered by page scroll, or even a Lottie animation in Webflow. In this course, I’m going to show you how to create all these, and much more! ► Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description

00:00 Introduction
01:00 This video is brought to you by Envato Elements
01:12 The basics of Webflow Interactions
16:02 Creating mouse-triggered effects in Webflow
33:11 Sponsor Ad
34:10 Creating transitions in Webflow
38:42 Creating scroll animations in Webflow
52:12 Adding Lottie animations in Webflow

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/envato
► Follow Envato on Facebook: https://www.facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -