用純CSS3做成的Path菜單效果

openkk 14年前發布 | 7K 次閱讀 CSS3

Path 的 UI 驚起哇聲一片，最大的亮點無疑是左下角的菜單展開效果。于是有各個版本的仿 Path 菜單出現，比如我們之前報道過的國內某牛人的作品，這里還有若干個關于 Path 菜單的討論。但最引人注意的還是來自法國小伙 Victor 的作品：用純 CSS3 制作的 Path 菜單效果。他說他喜歡 Path 的新界面，尤其是添加菜單，作為一個前端設計師的他打算在瀏覽器里實現同樣的效果。以下是他制作的一段視頻：

整個作品通過 html/css3完成，沒有使用任何圖片，沒有任何 javascript。因此僅支持 Webkit 瀏覽器。Victor 通過 Sass+Compass 計算每個圖標的坐標，并生成了動畫效果。你不用重寫代碼就可以添加或刪除項目。