我们在网站建设过程中，动画可以使网站脱颖而出。或者他们也可以轻松消除体验。使用网络动画时，可能会出错，例如添加无用的动画，设置过长或过快的持续时间，或者首先没有使用正确类型的动画。即使所有这些操作都正确完成，动画   样式也可能感觉不佳，尤其是当它们与其他动画不同步或与网站的整体个性不一致时。显然，有一些条件和考虑因素可以很好地处理动画。今天我们将讨论有关将动画添加到网站建设中的问题。让我们深入研究一下，并制定一些与之合作的基本规则。与其说是宣言，不如说是一个基线，我们可以参考和反弹。

如果使用得当，动画几乎就像内容一样-它提供了上下文并且具有含义，可以帮助告知用户发生了什么事以及甚至可以期待什么。在某些好的情况下，动画可以做到这一点。

1、过渡UI块

这可能是动画的最常见用例。当UI块从其原始位置移动，或者从DOM中添加或删除时，最好让用户看到这种情况。

2、正在载入内容

加载动画是我们在某个时间点上所见过的东西！如果不是这样，那么快速访问CodePen会向您显示加载动画的受欢迎程度。它们非常适合作为内容的占位符，不仅可以提示用户加载内容时会发生什么，而且还可以确信加载了所有内容。

3、提示

这通常是一次性动画，其重点是向用户提示要看的位置或下一步要做什么。有些用户界面本质上很复杂。轻微的辉光或波纹可以帮助指导用户完成任务或调用特定功能。

4、微互动
微交互通常用于单个元素，在执行操作后为用户提供即时的视觉反馈。他们充满信心，认为已执行了某项操作，并因此发生了某些事情，同时又增加了一点喜悦。