Tips & Tricks for Webflow Interactions | Using Basic Principles of Animation
In this video, we learn how to make interactions look and feel better by using the Disney's Principles of Animation in Webflow. We will discuss basic principles which can be applied to Webflow interactions, and explore how these principles apply to interface animations.
TIMESTAMPS:
00:00 - Intro
00:58 - Anticipation
01:42 - Squash & Stretch
03:19 - Appeal & Exaggeration
05:25 - Staging
07:09 - Pose to Pose Animation
08:41 - Overlapping Action
11:06 - Slow In & Slow Out
12:23 - Arc
15:56 - Secondary Action
16:40 - Timing
19:12 - Thank You
-----------------------------------------------
Get FREE help with implementation: https://sweetjs.finsweet.com/
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?su...
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - https://finsweet.com/fin-pro
🛍 Shop our merch store - https://finsweet.com/merch
💪 Superpowers for your Webflow website - https://finsweet.com/attributes
🧰 Your toolkit for Webflow - https://finsweet.com/extension
-----------------------------------------------
// SOCIAL
Facebook: / thatsfinsweet
Twitter: / thatsfinsweet
Instagram: / thatsfinsweet
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/
-----------------------------------------------
// TAGS
#Interactions #Animations #UI #webflow
-----------------------------------------------
Thanks for your support! 🤟
