用到的方法：
动画Animation+@keyframes
注意：animation属性要与keyframes规则进行绑定
CSS3 创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。当用@keyframes创建动画时，需要把它绑定到一个选择器（例如div），否则动画不会有任何效果。
动画属性
animation-timing-function规定速度曲线的参数
实例
效果图
变换前
变换中
变换后
doem
<div class="background"></div><style>.background{width: 100%;height: 100vh;animation: move 10s linear infinite; /*自定义动画名称*//*!move：动画名称，10s：执行时间 ease：执行的函数，infinite：代表执行次数，这里指无限次*!*/}@keyframes move {/**注意这几个图片大小一定要一样，否则会出现抖动现象*//*这里的0%50%100%是相对于执行时间的，最后一个图片先播放*/0%{background: url('/static/image/img2.png') no-repeat;background-size:100% 100%;}50%{background: url('/static/image/img1.jpg') no-repeat;background-size:100% 100%; }100%{background: url('/static/image/img3.jpg') no-repeat;background-size:100% 100%; }}</style>
