如何使用纯JavaScript和CSS制作旋转木马？

Question

我一直在设计网页，我需要像this这样的滑块。我该怎么办呢？这是一个美好的过渡，但我不确定如何在JavaScript和CSS中实现它。有人可以指出我正确的方向吗？

Here's a screenshot，其中滑块中有三个图像。

Answer 1

您所谓的“滑块”的名称是轮播。

如果您不熟悉Web开发。我建议你使用Bootstrap，

http://getbootstrap.com/

您可以使用构建JavaScript组件轻松实现Carousel。

http://getbootstrap.com/javascript/#carousel

如果您不想对现有项目引入任何依赖项，请在GitHub上查看这个PureJSCarousel项目，

https://github.com/vadymshymko/PureJSCarousel

演示在这里，

https://vadymshymko.github.io/portfolio/purejscarousel/