传送带效应

Conveyor Belt Effect

本文关键字：传送带      更新时间：2023-09-26

我正在为一家机械公司创建一个网站，特别是在零件销售方面 - 我想制作一个很酷的传送带风格的东西，贯穿整个页面并在中心的徽标后面，我正在寻找的效果基本上是在这个所做的

http://codepen.io/Colir/pen/kIloz

<div class="container">
  <div class="row cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=1000 data-cycle-carousel-visible=6 data-cycle-carousel-fluid=true data-cycle-slides="div">
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>

但我需要图片之间没有间隙。有什么想法吗？我尝试弄乱他们提供的代码，但没有结果。如果有人知道更简单的解决方案，请告诉我！我真的只是希望图像向左移动，暂停一秒钟然后继续移动，每个图像都将是传送带的一部分，上面有一部分 - 这是沿着传送带移动的图像 http://s18.postimg.org/u2olj1plz/example.png

谢谢大家！

请尝试这个

添加此 CSS。间隙是由于类col-xs-2的填充引起的 

div.col-xs-2{
  padding:0px;
}

演示

只需添加样式：

padding : 0

到div.

所以风格变成了：

.cycle-slideshow  div{
    float:none; padding:0
}

请参阅更新的代码笔："http://codepen.io/anon/pen/yYmwYO"

只需将cycle-slide类上的填充设置为 0，即可将每个图像连接在一起，没有间隙。

.cycle-slide {
    padding:0;
}
相关文章：