初步瞭解動畫效果吧。輪播圖我一直以為靠jquery外掛完成的，突然發現靠css也是可以實現的。我知道html有個marquee標籤來實現文字滾動屬性，當然也是能實現圖片滾動的屬性但效果不好，今天的這個高階一點。

css屬性

<style>

#banner {
        height: 390px;
        background: url(""); /* 圖1*/
        background-size: 100% 100%;
        animation: banner 10s infinite; /*動畫效果：10s 無限迴圈*/
    }
    @keyframes banner {
        25%{
           background: url(""); /*圖2*/
        }
        50%{
            background: url(""); /*圖3*/
        }
        75%{
            background: url("");
        }

    }

</style>

h5標籤

 <div id="banner"></div>