前段時間記錄一下fab 菜單實現以前傳-鐘錶錶盤,今天終於弄正文了。css
本文基於上篇文章的佈局方式和位置計算,並參考35 Cool Floating Action Button Animations(https://codepen.io/vineethtr/pen/ZbapVR)這篇筆記的動畫實現了環狀、半圓形、扇形、直線、射線形狀的菜單。觸發按鈕能夠任意拖動,根據其不一樣的位置,觸發不一樣形狀的菜單,先看一下截圖html
這裏就弄了一張圖,幾種效果都集中在裏面了,還有就是代碼也不放了,有點多……有興趣的朋友能夠在下面的地址瀏覽和下載。git
預覽github
這篇筆記也過短了……bash