为鼠标指针的滑过状态设置一些动画效果。图标在1秒内匀速旋转360度。
.close:hover::before{
-webkit-transform:rotate(360deg)
transform:rotate(360deg)
-webkit-transition:-webkit-transform 1s linear
transition:transform 1s linear
}
①：用css3rotate旋转的话，可以随时修改动画的背景色和旋转速度等，而gif只能重新修改图片再导出，但是有个缺点就是只有safari可以很好地支持，chrome下支持不是很好；②：在比较复杂的动画，css3rotate需要通过控制多张图片，此时的代码量会很大，而是用gif图的话则不需要过多的代码；
③：在兼容性方面：css3只有高级版本的浏览器才兼容，而gif几乎所有浏览器都能够兼容。
