课时
2 个部分 · 18 节课 · 2小时12分钟 总时长
第 1 至 10 节10 节课 · 1小时10分钟
- Framer Motion (for React) #1 - Introduction6分钟
- Framer Motion (for React) #2 - Project Setup11分钟
- Framer Motion (for React) #3 - Animating Elements7分钟
- Framer Motion (for React) #4 - Initial Animation State5分钟
- Framer Motion (for React) #5 - Transition Options8分钟
- Framer Motion (for React) #6 - Hover Animations6分钟
- Framer Motion (for React) #7 - Variants (part 1)9分钟
- Framer Motion (for React) #8 - Variants (part 2)10分钟
- Framer Motion (for React) #9 - Keyframes4分钟
- Framer Motion (for React) #10 - Repeating Animations4分钟
第 11 至 18 节8 节课 · 1小时2分钟
- Framer Motion (for React) #11 - Animate Presence6分钟
- Framer Motion (for React) #12 - Animating Routes10分钟
- Framer Motion (for React) #13 - Modal Animation (part 1)12分钟
- Framer Motion (for React) #14 - Modal Animation (part 2)9分钟
- Framer Motion (for React) #15 - Animating SVG's6分钟
- Framer Motion (for React) #16 - Creating a Loader7分钟
- Framer Motion (for React) #17 - UseCycle Hook6分钟
- Framer Motion (for React) #18 - Dragging Items & Wrap Up6分钟
需要什么
- 无需基础:课程从零讲起。
课程介绍
Hey gang - welcome to your first Frame Motion (for React) tutorial. In this tutorial I'll explain what Framer Motion is and what you'll need to know already. 🐱👤🐱👤 JOIN THE GANG - ---------------------------------------- 🐱💻 🐱💻 My Udemy Courses: + Modern JavaScript - https://www.thenetninja.co.uk/udemy/modern-javascript + Vue JS & Firebase - http://www.thenetninja.co.uk/udemy/vue-and-firebase + D3.js & Firebase - https://www.thenetninja.co.uk/udemy/d3-and-firebase 🐱💻 🐱💻 Course Files: 🐱💻 🐱💻 Other Related Free Courses: + HTML & CSS Crash Course - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G + React Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI 🐱💻 🐱💻 Framer Motion Docs:
适合谁
- 从零开始学React的人。
这两项是我们根据课程难度得出的判断,课程介绍是作者本人写的。