怎么做旋转木马？

我们的第一步是框住整个转盘盒子和它需要的东西。(附图片是为了避免轮播切换图片时出现空白。)

然后设置转盘框的大小和里面按钮的样式。在设置样式之前对页面进行css初始化。

设置转盘框尺寸和转盘图片尺寸。(将浏览器缩小到所见内容的50%)

设置定位将图片固定在轮播框中，然后将轮播最初显示的第一张图片设置为出现在轮播框中(要设置内嵌样式才能得到)。

设置四个按钮(不一定是点，也可以是其他)在carousel中切换图片。

思考

主要是通过一个显示框和一个图片存储框，显示框的大小就是轮播中要显示的图片的大小，或者说是一张图片的大小。但是收纳盒的宽度必须足够大，才能让所有的图片水平浮动。然后隐藏收纳盒溢出的部分，再调用动画。

动画详解

@keyframes指的是动画过程中的每一个画面，也可以说是电影中的每一帧。我们可以设置每个屏幕从0到100%。