问题由来
在写文档时，往往会遇到这种需求：鼠标放在某个关键字上，字体的颜色需要从A变成B，鼠标移开后，颜色再从B变成A。我们常常会这么写代码：
div{
color: yellow;
}
div:hover{
color: red;
}
这样就可以实现瞬间变色的效果，可是看起来会比较生硬，如果颜色在0.5s或者1s内渐变成我想要的颜色就会解决掉僵硬变色的问题了。
解决办法
使用transition动画，代码挺简单的，只不过是添加了一行代码：
div{
color: yellow;
transition: color .5s;
}
div:hover{
color: red;
}
