CSS3输送带效应 [英] CSS3 Conveyor belt effect

问题描述

说我有这个：

<ul id="belt">
    <li class="plate">First item here</li>
    <li class="plate">Second item here</li>
    <li class="plate">Third item here</li>
    <li class="plate">Fourth item here</li>
</ul>

如何使用CSS3制作平滑滚动传送带的效果，其中列表向上滚动，最后一个项目后面是列表上的第一个项目，例如一个圆环...？

How can I use CSS3 to make a smooth scrolling conveyor belt like effect, where the list scrolls upwards, and the last item is followed by the first item on the list, like a ring...?

推荐答案

。不是纯css（3或其他）。

You can't. Not in pure css (3 or otherwise).

你可以在javascript中做。

You could do it in javascript though.

这篇关于CSS3输送带效应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！