【jQuery】ヘッダーのハンバーガーメニューボタンの背景が広がるアニメーション

[ ID : 7671 ]
シルバー
【jQuery】ヘッダーのハンバーガーメニューボタンの背景が広がるアニメーション

概要

ヘッダーに配置したハンバーガーメニューボタンをクリックすると、ボタンの背景が拡大するアニメーションを実装。

用途・要件

  • ハンバーガーメニューボタンをクリックすると、ボタンの背景が拡大するようにアニメーションする。
  • 拡大する要素をハンバーガーメニューボタンに重ねて配置して、その要素を拡大する。
  • 拡大する要素のサイズは画面サイズに応じで変更される。(リザイズ対応)
  • ナビゲーションメニューは記載しておりません。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

その他

  • jQuery v3.6.0使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録