利用CSS如何实现图片轮播效果？（代码示例）

#container {

    width: 400px;

    height: 300px;

    overflow: hidden;

}

#photo {

    width: 1200px;

    animation: switch 5s ease-out infinite;

}

#photo > img {

    float: left;

    width: 400px;

    height: 300px;

}

@keyframes switch {

    0%, 25% {

        margin-left: 0;

    }

    35%, 60% {

        margin-left: -400px;

    }

    70%, 100% {

        margin-left: -800px;

    }

}