css轮播效果

在没有学习js之前，做一个图片的轮播效果可以用css来实现，虽然没有js渲染过后那么完美，但是也满足了一个小白对于动态效果的好奇心，那么接下来大家一起来玩一下吧！

1.选择图片
首先选择自己喜欢的图片，可以是不一样的大小

<img src="images/img001.jpg" alt="" id="box1">
<img src="images/img02.jpg" alt="" id="box2">
<img src="images/img03.jpg" alt="" id="box3">

2.设置一个规定大小的盒子用来装图片

<div class="banner-wrap">
        <div class="banner-img">
            <img src="images/img001.jpg" alt="">
            <img src="images/img02.jpg" alt=