前端 Web 动画开发指南 | Animation for the Web

完全控制 Web 图形，并通过运动和动画为您的网站交互增添一点活力。

在这个按你自己的节奏进行的课程中，SuperHi 设计并制作了一系列关于手动编码、样式和动画 SVG 的项目，以在浏览器中为生活带来可扩展、性能友好的插图。

该课程包括 8 小时以上的视频课程，将教您如何使用 CSS、SVG、Javascript 和 GreenSock 手工制作动画。

您将学习如何在 Figma 中使用代码制作绘图，然后使用 CSS 动画和行业标准 GreenSock Animation API (GSAP) 为其运动和样式设置动画。

对于已经具备一些 HTML 和 CSS 知识或已完成我们的基础 HTML、CSS + Javascript 课程的学生来说，这是一个很好的下一步。

你会学到什么

• 如何手工制作 SVG 和 SVG 动画。
• 如何使用 CSS 和 GreenSock 为形状和路径设置动画。
• 创建和应用特殊效果，例如图案和剪辑路径。
• 如何设置时间线、序列和点击事件。
• 如何通过缓动和延迟使我们的动画感觉更自然。
• 如何开始使用插图和 UI 动画的自创项目。