做一个纯CSS的图片轮播
2019-10-20 本文已影响0人
唐剑青_强化班
图片轮播时，实现短暂暂停，以三个图片为例：
1. 先设置一个用来装图片的盒子，宽高以每次出现的图片数量而定；
1
2.将要轮播的图片放到一个列表中，去除列表样式，ul的宽度要可以容纳全部图片
，每一列向左浮动，使之排成一行
(我这里的图片用不同颜色的小盒子代替)
2
3.设置动画，对ul设置动画，使它整体向做移动
为了使图片没出现三张暂停一会儿，我做了如下设定
每次移动三张图片位置，移动之后暂停几秒在动，最后返回原来的位置实现循环
3
