只用CSS跟HTML做出无缝衔接的轮播图效果

首先，想要完成以上所说的效果，我们就需要用到CSS3的 animation 动画属性。

接下来就开始实现效果：

首先，在HTML里面放入需要轮播的图片：

 这里可能就要问了，为什么用JavaScript只需在末尾多添加一张图片就行，我这里却多添加了三张呢？

别急，等到后面我会另外说明的。

回归效果实现，HTML把需要的效果完成后，接下来就先把样式解决了：

这是完成样式后在浏览器的效果：

那么静态效果有了，怎么让它动起来呢？

那就要用到我开头所说的CSS3的 animation 属性了

代码如下：

把上面代码补上后，轮播图效果可以说就出来了。

但是，我上面的那个问题来了，我为什么要多放三张图片呢？

首先给大家看没有那三