【css实现轮播图左右自然切换】

css实现轮播图左右自然切换

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

详细描述

截图

代码

    .carouse-pic {
        width: 500vw;
        height: 30vw;
        overflow: hidden;
        animation: carouse 20s infinite linear;

        @keyframes carouse {
            0%,15% {margin-left: 0;}
            25%,40% {margin-left: -100vw;}
            50%,65% {margin-left: -200vw;}
            75%,90% {margin-left: -300vw;}
            100% {margin-left: -400vw;}
        }
}

编辑于2024-11-23