css關於banner圖輪播的實現

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>