Css3动画切换效果

开发工具与关键技术：DW
作者：文泽钦
撰写时间：2019年3月21日

实在不知道写什么，就翻了老师给的一些css样式看看有什么好玩的，老师用伪类做了一个鼠标移入到div里有一种变色的效果，我把背景颜色替换成图片，当鼠标移入时效果还不错跟幻灯片一样，就是看久了个人感觉有点晕；
整个页面就一个div：

Css的代码也不多，只要你足够无聊可以重1%设到100%，一张一张图片往向加：

其实animation动画可以减写代码的，就一句核心代码就搞定：
div:hover{/伪类/
animation:changecolor 60s ease-in 0.5s 3; /动画效果/
}
这样是不是比源代码少写很多代码了，渐变中的效果图：