【有没有更方便的轮播图实现方案? _轮播 】 | IT修真院·坑乎
问题已收录 有没有更方便的轮播图实现方案?
我也踩过这个坑( 2 )
已统计您的踩坑,无需重复点击
回答(1)
轮播
详细描述
图片
文本
编辑于2024-04-18
  • [无名弟子]卫鑫
    0

    我们可以用绝对定位的方式 把所有图片都在一个位置  然后用透明  来让它一张一张的没有  就好像一本书一样  我解释的可能不是太详细  

    @keyframes simg {
       0%{opacity: 0; }
       10%{opacity: 1; }
       40%{opacity: 1; }
        42%{opacity: 0; }

    }
    .nono img:nth-child(1){animation-delay: 0s;}
    .nono img:nth-child(2){animation-delay: 2s;}
    .nono img:nth-child(3){animation-delay: 4s;}

    .nono img:nth-child(4){animation-delay: 6s;}

    我用四张图片  轮播图如下


    编辑于2018-12-16