CSS3轮播

撰写日期：2019年01月18日

Css3是美丽的特效语言，他能让一个平静的网页变得活跃起来，为网页增添了许多不一样的色彩。

说到轮播，这是大多数网页都用的一种特效效果，一般都是用javascript或者插件来实现的，不过也可以通过css3来简单实现这个效果 。

一、 淡入淡出轮播效果

1. 搭建轮播框架：
   

2. 给所有图片添加样式：
   

3. 给每张图片一个关键帧动画效果（透明效果）：
   

二、 移动轮播效果

4. 搭建轮播框架：
   
5. 给所有图片添加样式：
   
6. 给每张图片一个关键帧动画效果（移动效果）：
   

Css3还有许多新属性，新的动态效果，有兴趣的话可以拿来玩一下。

                                                  如有错漏，感谢纠正！