ロケーション:ホーム > JS特殊効果コード > CSS3アニメーション

CSS3拡張可能ボタンメニューマテリアルデザインマテリアルデザイン

2020-06-25 90ビュー
これは、クールなマテリアルデザインスタイルのオープンメニューボタン効果です。この特殊効果には7つの異なる効果があります。各エフェクトでは、メインメニューボタンをクリックしてメインメニューボタンのグループを開くことができます。さまざまなオープニングサブメニューのアニメーション効果は異なります。最初の効果は、メインメニューボタンをクリックすると、メインメニューボタンが左に移動し、メインメニューボタンが順番に表示され、メインメニューボタンが移動することです。 2番目の効果は、メインメニューボタンをクリックすると、円形のマスクレイヤーが表示され、4つのサブメニューボタンが円形のマスクレイヤーの上下左右の位置に表示されることです。 3番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの上に下から上に表示されることです。 4番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの両側にスライドすることです。 5つ目の効果は、メインメニューボタンをクリックすると、メインメニューボタンの位置からサブメニューボタンがポップアップし、順番に表示されることです。 6番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの両側に表示され、メインメニューボタンを中心に360度回転することです。 7番目の効果は、メインメニューボタンをクリックすることです。メインメニューボタンの周りに4つのサブメニューボタンが順番に表示されます。