css系列----纯 css 实现轮播图(自动)

3、纯 css 实现轮播图(自动)

实现原理：利用 css3 中 动画和 overflow:hidden 实现

/* 容器大小 */
.container {
   
  height: 300px;
  width: 800px;
  overflow: hidden;
}

/* .wrap */
.wrap {
   
  position: relative;
  left: 0px;
  width: 2400px;
  animation: animateImg ease 5s infinite normal;
}

/* 图片大小 */
.wrap img