纯 css 菜单效果，声音除外。chrome 播放 短 mp3 有bug，不能重复。所以只好每次 modify src 而不是

o.currentTime=0;o.play()

原理

<a href="#1" class="roll-link"><span data-title="工具">Tools</span></a>

span 和 span:after 各自 position:relative absolute，动画设置 transition: all 400ms ease;然后 :hover 执行 -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg )

查看 css 文件