Question

HTML5+CSS3实现下面静态页面效果

一个手机HTML菜单效果，周边6个小菜单进页面沿着中间圆边滚动显示出来，还有如果有更多的小菜单，始终只让它先显示六个，其他的通过沿着圆行触摸滑动出来、或滑动隐藏。

Answer 1

纯css是不可行的，滑动是要用到js的，这边就不说了，简单说一下滚动显示的效果，就是给这五个小按钮各添加animation，不过这里要注意动画延迟，没记错的话就是animation-delay了。然后就是最终位置的问题了，自己控制一下

追问

进来css的旋转效果是实现了，主要是js的效果不会。监听弧形滑动的那部分不会弄。

追答

这个具体不是很清楚，touch事件应该是可以实现的，touchStart,touchMove,touchStart

move在不停地触发

追问

嗯 只能去摸索了

Answer 2

你可以设置按照Css的延时效果来实现。滚动的效果的话，这个更简单，随便百度一下就OK了。
6个图标。每个图标的线角度是36°，根据我给你的提示，自己去写吧。比如：
从D-H
D延时0.3S E延时0.6S F延时0.9S
G延时1.2S H延时1.5S 就能达到你要的预期效果了。

追问

这个css效果实现了，现在主要是监听弧形滑动，不会实现。遇到瓶颈了。