现代网站和应用程序充满了令人印象深刻的效果、微妙的微交互和流畅的过渡。动态添加了令人惊叹的因素，可以改善用户体验，并为即使是最简单的静态网站添加一种光滑的专业感觉。为了让你的项目脱颖而出，动画是一个关键的组成部分。

动画就像发生在用户和用户界面之间的对话;用户执行操作，UI反馈信息。例如，我们可以在移除元素时将其动画化，在添加新元素时将其动画化。这个简单的交易帮助我们了解他们去了哪里。它增加了我们对工作内容的思维模式，使互动更丰富、更有意义。

我们可以使用动画来吸引用户对界面的某些元素的注意，或者讲述故事，引导用户从一个步骤到下一个步骤。

CSS动画也是一种强大的设计，可以让页面更生动。然而，当把动画作为项目的一部分时，有两个挑战:

• 的创造性的挑战你的动画应该是什么样子
• 的技术挑战把你的愿景变成现实。

在本课程中，您将了解添加运动到您的项目和动画的原则的好处，以帮助您制作完美的体验。您还将学习向项目添加动画的所有技术方面、过程、语法和最佳实践。具体来说，你将学习过渡，关键帧和动画CSS属性。我们还将讨论添加字符的计时功能，讨论浏览器支持和解决可访问性问题，以确保您的动画不会分散注意力或引起晕车。

动画是现代网页设计的关键组成部分，所以现在是掌握所有细节的最佳时机。让我们开始吧!

你需要

要参加这门课程，你只需要一个文本编辑器和一个网络浏览器。了解HTML, CSS和一些jQuery将是有用的你不需要任何动画经验．

探索HTML5动画与我们的短5部分迷你课程使用HTML5 Canvas制作动画．如果你想让你的CSS更上一层楼，我强烈建议你阅读CSS Master by Tiffany Brown，或者看AtoZ: CSS对于CSS属性的CSS引用，从a开始，到Z结束。