给 HTML 元素 Hover 态加点料

UE 小姐姐经常会说：“这个按钮 Hover 的时候背景色要变深，这个图片 Hover 的时候要动一下”，你可以选择「搜地一声」从一种状态变成另一种状态，也可以让这个变化过程中有一种「过渡效果」。

这其中背后使用的基本都是 transition 来实现，在 第16天：领导说，体验差 这节内容中有提到过它，今天系统学一遍。

当修改 CSS 「某些」属性的时候，可以给这些属性添加效果，让其带有动画改变，有一个过渡效果，而不是「搜地一声」就变过去了。transition 这货和 animation 用法基本一致。先回顾一下 animation 的属性，各个属性的作用可以看 跳动的音符动画实现原理剖析：

再来看 transition，其实就是 mini 版的 animation。

transiti