你有没有在 codepen 或任何网站上看过网络动画，然后你会想“哦，太棒了！我想这样做！“但后来又觉得这很复杂，远远超出了你的技能范围？

我是 Ahmed Sadek，一位拥有超过 7 年经验的全栈 Web 开发人员和自由职业者，我想欢迎您参加我的 CSS 和 JavaScript 动画课程。

CSS和Javascript动画正迅速成为必不可少的设计工具，越来越多地用于帮助我们的用户理解我们的网站并与之互动。它们绝对是网页设计的下一个重要步骤！用它可以做绝对令人惊奇的事情。这完全取决于您的想象力！它们为您的网站赋予了生命并增强了用户体验，您知道更好的用户体验意味着更高的声誉和更满意的访问者。因此，CSS 和 Javascript 动画是当今任何 Web 开发人员的关键技能……我来这里是为了确保你以正确的方式学习它。

因此，在本课程中，您将从头开始掌握 CSS 动画、过渡和转换，不仅如此，我们还将亲自动手并一起创建许多示例，以便您将获得大量的想法和灵感来帮助您创建任何您能想到的复杂动画。

我们将首先查看 CSS transition 属性，了解它是什么以及它如何赋予 html 元素生命。

然后，我们将继续讨论CSS转换，它为许多创意选项打开了大门，从在页面上移动元素到缩放和旋转它们。因此，我们将讨论可以在 2D 和 3D 环境中使用的所有变换函数。

在那之后，我们进入了有趣的部分！ 我们将使用我们学到的关于CSS转换和过渡的所有技术和属性，我们将开始构建一些创造性的例子，这些例子将给你灵感，并帮助你充分利用你所学到的知识！

我们将通过创建按钮悬停效果、图像悬停效果、菜单效果、卡片效果和一些不同的酷炫示例来开始本节！

然后，我们将转到CSS动画和关键帧，在那里我们将了解有关它们及其所有属性的所有信息。

之后，我们将进入课程的部分，在那里我们将创建许多CSS动画示例，这些示例将激发您的想象力并帮助您创建任何您能想到的动画！

然后，我们将进入剪辑路径效果部分，在那里我们将了解有关 CSS 剪辑路径属性的所有信息，以及如何使用它来创建一些真正有创意的示例和效果。

最后，我们将通过转到 JavaScript 效果部分将我们的技能提升到一个新的水平，在那里我们将使用 JavaScript 的强大功能创建一些更复杂的效果。

在本课程结束时，您将能够了解任何 Web 动画的工作原理，并且您将创建了 150 多个具有不同想法的不同项目，这些项目将帮助您提高创造力，并从其他 Web 开发人员中脱颖而出。因此，如果您和我一样兴奋，请点击注册按钮，让我们直接开始学习 CSS 和 Javascript 动画、过渡和转换创意课程！