用css3的動畫可以實現圖片輪播

無非就是兩種型別：
　左右滾動型別，　漸變型別

１　左右滾動
定義一個大盒子
在一個小盒子裡面　裝３張圖片（這裡用３張圖片為例子）
三張圖片可以向左浮動，大盒子　overflow :hidden
小盒子增加css3動畫就可以了，無非就是讓它來會滾動，滾動距離是大盒子寬度

 @-webkit-keyframes animation {
            0% {
                margin-left: 0;
            }
            23% {
                margin-left
 
: 0;
            }
            33% {
                margin-left: -600px;
            }
            56% {
                margin-left: -600px;
            }
            66% {
                margin-left: -1200px;
            }
            90% {
                margin-left: -1200px;
            }
            100% {
                margin-left
 
: 0;
            }
        }

２　漸變型別
　　可以讓三張圖片疊加在一起，position:absolute，和每張圖片的z-index　;
　　通過動畫關鍵幀　改變　z-index和opacity　就可以實現漸變的三張圖片輪播

  @-webkit-keyframes animation１ {
            0%, 33.32333333333334% { opacity: 1; z-index: 5; }
            33.333333333333336%, 100%   { opacity: 0; z-index: -1; }
        }