您想学习如何制作创意网页动画吗？也许您已经熟悉GSAP 动画并想加深和扩展这方面的知识？您是否正在寻找有趣的动画效果和视错觉？

您选择了正确的课程！

在本课程中，您将学习一个非常强大的用于创建网页动画的工具：GreenSock 动画平台（GSAP）。您将熟悉最新版本的网络动画工具：GSAP 3。如今，它是地球上最强大、高性能的 JavaScript 动画库！

本教程采用经典的学术教学模式。课程开始时，先介绍理论信息，然后提供巩固新知识的实用网络动画示例。本课程的目的是展示使用GSAP 的动画技术的完整性和多样性。

本课程按顺序构建：从简单到复杂。首先，研究基本概念并构建最简单的动画，然后深入研究 GSAP 库的可用属性和方法，并构建更复杂的动画。最后，在课程结束时，我们熟悉了库核心中内置的插件。在最后一部分中，将构建最有趣和最复杂的网页动画。

课程平面设计的结构：

• 右上角 – 章节标题 [示例：“深入了解 GSAP 功能”]；
• 左上角 – 当前章节的课程编号[示例：“第 1 课”]；
• 中上部 – 课程名称或当前课程的下一个主题[示例：“CSSPlugin（第 3 部分：2d 和 3d 属性的同步动画）”]；
• 屏幕右侧 – 带有理论信息的板；
• 屏幕左侧 – Visual Studio 代码编辑器，其中包含说明理论的示例
• 屏幕底部 – 附加辅助信息 [示例：“smoothOrigin: true”]。

本课程中的所有课程都可以 1080p 质量观看[尽可能以最高质量观看课程。]

在本课程中，您将发现许多有趣的带有代码的 JavaScript 动画示例。

您可以通过选择两个选项之一来自行工作和实验

1. 在在线CodePen编辑器中获取当前课程代码的链接（为此，您需要单击与您当前正在学习的课程相对应的“资源”按钮，下载带有链接的文件[示例文件：“C2L1 CodePen链接” .txt”]，在文本编辑器中打开它并点击链接）。
2. 下载存档[示例：“C1L2.rar”]。解压到磁盘。在文本编辑器中打开文件 [“Visual Studio Code”可以成为一个方便的编辑器，或您选择的任何编辑器]。按照“简介”一章中的“第 2 章”[“安装库”] 说明连接库。

本课程已准备以下语言的字幕：英语、阿拉伯语、芬兰语、法语、德语、印地语、印度尼西亚语、意大利语、日语、韩语、挪威语、波兰语、葡萄牙语、俄语、西班牙语、瑞典语、繁体中文、土耳其语、越南语。

完成课程后，您将完全掌握 GSAP 3 库的核心。您将能够根据您的想象力创建任何网页动画。

搜索引擎优化部分：

您是否希望构建创意网页动画或扩展您对 GreenSock 动画平台 [GSAP] 的了解？如果是这样，那么您来对地方了！在本课程中，您将学习如何使用最新版本的 GSAP 3——地球上最强大、高性能的 JavaScript 动画库。

该课程采用经典的学术教学模式设计，每节课开始时都会介绍理论信息，然后通过实际的网页动画示例来巩固新知识。我们的目标是向您展示使用 GSAP 的动画技术的完整性和多样性。

本课程按顺序构建，从基础知识开始，逐渐进展到更复杂的动画，最后介绍内置于库核心的插件。课程的图形设计包括章节标题、课号、课程名称或下一个主题、右侧的理论信息、左侧的 Visual Studio 代码编辑器以及说明理论的示例以及其他辅助工具信息在底部。

本课程提供 1080p 优质课程，配有英语、阿拉伯语、芬兰语、法语、德语、印地语、印度尼西亚语、意大利语、日语、韩语、挪威语、波兰语、葡萄牙语、俄语、西班牙语、瑞典语、繁体中文、土耳其语和越南语字幕。

您会发现许多有趣的带有代码的 JavaScript 动画示例，并且您可以通过选择两个选项之一来自行进行实验。首先，您可以在在线 CodePen 编辑器中获取当前课程代码的链接。其次，您可以下载存档并将其解压到磁盘上。在文本编辑器中打开文件并根据“简介”一章中的说明连接库。

完成课程后，您将完全掌握 GSAP 3 库的核心，并能够创建您想象力允许的任何网页动画。

立即注册并开始使用 JavaScript、SVG 和 CSS 以及 GreenSock 动画平台构建令人惊叹的网页动画。