fab 菜單實現—圓形、半圓、扇形、直線、射線

  前段時間記錄一下fab 菜單實現以前傳-鐘錶錶盤,今天終於弄正文了。css

  本文基於上篇文章的佈局方式和位置計算,並參考35 Cool Floating Action Button Animationshttps://codepen.io/vineethtr/pen/ZbapVR)這篇筆記的動畫實現了環狀、半圓形、扇形、直線、射線形狀的菜單。觸發按鈕能夠任意拖動,根據其不一樣的位置,觸發不一樣形狀的菜單,先看一下截圖html

 

  這裏就弄了一張圖,幾種效果都集中在裏面了,還有就是代碼也不放了,有點多……有興趣的朋友能夠在下面的地址瀏覽和下載。git

  預覽github

  這篇筆記也過短了……bash

相關文章
相關標籤/搜索