ロケーション:ホーム > JS特殊効果コード > CSS3アニメーション
CSS3拡張可能ボタンメニューマテリアルデザインマテリアルデザイン
これは、クールなマテリアルデザインスタイルのオープンメニューボタン効果です。この特殊効果には7つの異なる効果があります。各エフェクトでは、メインメニューボタンをクリックしてメインメニューボタンのグループを開くことができます。さまざまなオープニングサブメニューのアニメーション効果は異なります。最初の効果は、メインメニューボタンをクリックすると、メインメニューボタンが左に移動し、メインメニューボタンが順番に表示され、メインメニューボタンが移動することです。 2番目の効果は、メインメニューボタンをクリックすると、円形のマスクレイヤーが表示され、4つのサブメニューボタンが円形のマスクレイヤーの上下左右の位置に表示されることです。 3番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの上に下から上に表示されることです。 4番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの両側にスライドすることです。 5つ目の効果は、メインメニューボタンをクリックすると、メインメニューボタンの位置からサブメニューボタンがポップアップし、順番に表示されることです。 6番目の効果は、メインメニューボタンをクリックした後、サブメニューボタンがメインメニューボタンの両側に表示され、メインメニューボタンを中心に360度回転することです。 7番目の効果は、メインメニューボタンをクリックすることです。メインメニューボタンの周りに4つのサブメニューボタンが順番に表示されます。
あなたも好きかも
- 純粋なCSS3水中魚泳ぎアニメーション効果
- cssコードで描かれたトトロ
- 純粋なcss3によって実現される太陽系アニメーションの特殊効果
- cs3によって実装された花火アニメーションの特殊効果
- 3Dキューブの組み合わせcss3アニメーションの特殊効果
- 純粋なcss3花火アニメーションの特殊効果
- CSS3は、水中を泳ぐ魚のアニメーション効果を実現します
魚の水泳の特殊効果は、主にcss3アニメーション変換プロパティに基づくbackground-positionプロパティを使用して、2つの水泳のサメのアニメーションの特殊効果を作成します。
- 純粋なCSSによって描かれたポケモンエルフ
- 夜空のアニメーションを飛んでいる純粋なCSS飛行機
- cssコード塗装口紅