位置:首頁 > JS特效代碼 > CSS3動畫

CSS3可擴展按鈕菜單的材料設計Material Design

2020-06-25 91瀏覽數
這是一個很酷的材料設計風格,打開菜單按鈕效果。此特殊效果有七種不同的效果。在每種效果中,可以通過單擊主菜單按鈕來打開一組主菜單按鈕。各種打開的子菜單的動畫效果是不同的。第一個效果是,當您單擊主菜單按鈕時,主菜單按鈕將向左移動,並且主菜單按鈕將隨著主菜單按鈕的移動而依次出現。第二個效果是,單擊主菜單按鈕後,將顯示一個圓形蒙版層,四個子菜單按鈕將出現在圓形蒙版層的上,下,左和右位置。第三個效果是,單擊主菜單按鈕後,子菜單按鈕將自下而上出現在主菜單按鈕上方。第四個效果是,單擊主菜單按鈕後,子菜單按鈕將在主菜單按鈕的兩側滑動。第五個效果是,單擊主菜單按鈕後,子菜單按鈕將從主菜單按鈕的位置彈出並依次出現。第六個效果是,單擊主菜單按鈕後,子菜單按鈕出現在主菜單按鈕的兩側,然後圍繞主菜單按鈕旋轉360度。第七個效果是單擊主菜單按鈕,圍繞主菜單按鈕依次出現四個子菜單按鈕