Animation and Interaction is a fundamental part in creating engaging and exciting experiences. Learn the crucial techniques in creating advanced animations and interactions inside of Webflow.
Webflow: Start building websites with no-code
Webflow is a collaborative, no-code web design tool is called Webflow. It is a visual method for creating landing pages, eCommerce, and responsive websites. Additionally, Webflow includes a CMS and operates as a hosting platform.
Description
In this course you will learn all of the techniques in building out complex animations and interactions. As we dig into the fundamentals of animation and interaction design we will explore creative ways to build out digital experiences. This course will cover both how to build out clean HTML and CSS whilst building out animations and interactions that are smooth and perform well. This course will give you all of the tools to recreate, re-ues and elevate your Webflow skills.
You will learn
- Fundamentals of animation and interaction
- Organize your designs and animations in Figma
- Design amazing interactive experiences in Webflow
- Build a 3D interactive experience
- Build a Scroll-Jack experience
- Create a Click Card Project
The course includes
- 10 hours of practical and condensed knowledge
- Immediate access to the entire collection of videos
- Course Documentation
- Source Files: Figma and Webflow
- Valuable links and resources for every lesson
- Slack Group
10 sections • 30 lectures • 10 hours
-
Welcome1 lectures 02:20 Mins
-
02:20 Mins
-
-
Animation Principles1 lectures 05:53 Mins
-
05:53 Mins
-
-
Webflow Setup1 lectures 08:23 Mins
-
08:23 Mins
-
-
Experience 01 - Intro Landing Page with Dynamic Interactions13 lectures 4 Hours 27 Mins
-
09:52 Mins
-
25:34 Mins
-
19:52 Mins
-
12:15 Mins
-
10:29 Mins
-
35:46 Mins
-
27:52 Mins
-
10:00 Mins
-
33:38 Mins
-
13:57 Mins
-
40:57 Mins
-
11:08 Mins
-
17:04 Mins
-
-
Experience 02 - 3D Experience with Mouse Interaction2 lectures 42:16 Mins
-
20:38 Mins
-
21:38 Mins
-
-
Experience 03 - Click Card hide and Reveal Info5 lectures 1 Hour 16 Mins
-
15:14 Mins
-
13:06 Mins
-
23:35 Mins
-
22:46 Mins
-
01:19 Mins
-
-
Experience 04 - Scroll Jack Features3 lectures 1 Hour 22 Mins
-
16:56 Mins
-
35:12 Mins
-
29:51 Mins
-
-
Bonus Content1 lectures 13:51 Mins
-
13:51 Mins
-
-
Mega menu2 lectures 2 Hours 02 Mins
-
20:17 Mins
-
1 Hour 42 Mins
-
-
Final Edits1 lectures 37:28 Mins
-
37:28 Mins
-