将列表显示为环形缓冲区

Question

所以这就是我想要做的事情：

在我专业设计的图表中参考第2帧，如果我有一个包含四个以上项目的列表，列表应该成为一种环形缓冲区/ rolodex，其中整个列表滚动循环，顶部和底部渐渐淡出。

如果有人能说明如何做到这一点，我会非常感激。

注意：如果需要，使用SVG不是问题。

以下是目前的事态：http://excessive.io/sao/

编辑：这是一个纯粹的SVG示例：https://www.dropbox.com/s/73045haj6b7vpwj/menu.svg

Answer 1

我已经做过类似的事情，并认为将其视为循环播放幻灯片是有益的。有关如何在线完成其中一个的各种示例。就褪色而言，有不同的方法可以做到这一点。最简单的是png渐变位于rolodex容器中。