不能发视频，截图来代替吧
1.显示 轮播图1（实际轮播的第2个元素li）
2.显示 轮播图2（实际轮播的第3个元素li）
3.显示 轮播图3（实际轮播的第4个元素li）
4.显示 轮播图1（实际轮播的第5个元素li,之后会紧跟着重复以上动作）
预览地址： 纯css3：radio+label实现轮播图
轮播图这东西，我相信只要是做前端的，肯定都做过，不过大部分应该都是用js来实现的，其实css3也是可以实现轮播图的，而且也可以加一些动画之类的，下边就分享下思路。声明，这里没有贬低 js 的意思，相反， js 能做的， css 基本做不到， css 能做的， js 基本能做到，这里纯粹就是为了分享 css 的一些运用。
css 里有个可以绑定到 <input>上的标签 <label>，它的功能就是当你点击所绑定的这个 <label>的时候，就可以选中相应的 <input>，既然有了这个功能，那就有了控制轮播图的方法了。
通过 css 可以看到，其实这个例子主要用到的就是 <input type="radio">的 :checked 伪类选择器然后通错 css3 的 :nth-of-type(n) 节点选择器控制与之相对应的轮播、按钮，整个例子也没什么难度，也就不废话了。
不推荐css写轮播图是在css中轮播中的图像无法填充整个宽度。根据查询相关公开信息显示轮播图对多种设备宽度都不适合，超过1200像素时，css中轮播的图像无法填充整个宽度。当删除媒体查询时，工作恢复正常。轮播图不能在css中使用。
