Descriptions
Animating the Web with Framer Motion: The right animations breathe life into web pages, while over-the-top animations can be distracting. In this course, I’ll teach you the perfect balance and dive deep into the world of meaningful animations. You’ll learn not only to animate, but to elegantly enhance the user experience. Your skills won’t just be taken to the next level – they’ll be animating there, adding a touch of elegance and functionality to any project! A quick introduction to the course, what to expect from it, what skills are required before starting this course, and why should you even bother learning Framer Motion? Assuming you have no knowledge of Framer Motion whatsoever, I’ll help you create your first animation. Together, we’ll explore all of Framer Motion’s basic APIs. Concepts that may sound boring at first, but form an essential foundation for creating more complex animations.
All of the APIs discussed previously rely on motion values, but you can also use them directly to gain even more control over your animations.
What you will learn
- Comparing Framer Motion with CSS Animations
- The basic principles of Framer Motion
- Adding a From state to the animation
- Create the animation loop with keyframes
- Animating CSS variables (custom properties)
Specific information about web animation with Framer Motion
- Editor: Frontend.fyi
- Teacher: Jeroen Reumkens
- Language: English
- Level: All levels
- Number of courses: 21
- Duration: 1 hour and 38 minutes
Contents of Animating the Web with Framer Motion
Requirements
Pictures
Sample clip
installation Guide
Extract the files and watch them with your favorite player
Subtitles: Not available
Quality: 2160p
Download links
Password file(s): free download software
File size
2.83GB