透明漸變菜單

Question

我有一個複雜的問題。我想創建一個菜單。同時只有3個元素可見，另外2個是透明漸變的。如果我將光標移動到透明元素中，列表將向上或向下滾動。菜單菜單有子級別，與主級別具有相同的格式。

這裏有一個例子：

當停止，沒關係。第一個和最後一個顯示元素的CSS設置線性漸變。當它移動時，我使用jquery動畫移動。但結果並不完全是我想要的。當它滾動時，看起來整個列表正在移動，而不是滾動。我想使用jQuery只是移動動畫，透明漸變設置整個列表，而不是列表元素。

我想我應該使用面膜的名單，但背景是透明的了。我從想法中走出來。

Answer 1

我解決了它。我使用「overflow：hidden」和svg掩碼。該子級別是其他ul列表，不包括在第一級，jquery設置顯示。