顯示列表作爲環形緩衝區

Question

所以這裏就是我想要做的事：

參考我的專業設計圖到幀＃2，如果我有一個具有四個以上的項目的列表，該列表應該成爲一種環形緩衝區/ rolodex，其中整個列表在一個循環中滾動，頂部和底部漸變漸變。

如果任何人都可以闡明如何去做這件事，我會非常感激。

注意：如果需要，使用SVG不是問題。

這裏是事務的當前狀態：http://excessive.io/sao/

編輯：這是一個純粹的SVG例如：https://www.dropbox.com/s/73045haj6b7vpwj/menu.svg

Answer 1

我做了這樣的事情，並發現它有利於把它當作一個循環的幻燈片。有關如何在網上完成其中一個的各種示例。至於衰落有不同的方式來做到這一點。最簡單的方法是將png漸變放置在rolodex容器中。