Slide-In Navigation(スライド・イン・ナビゲーション)
作品名/デモURL | Slide In Navigation(スライド・イン・ナビゲーション) |
---|---|
作成時の参照情報 | Schoo.jp 動画授業『CSS実践 レイアウト・アニメーションを極める』より |
背景画像取得元 |
Photo by Jeremy Chen on Unsplash |
特徴1 | ナビゲーションが横からスライドして表示されるアニメーション |
特徴2 | レスポンシブデザイン対応済み |
トリガー/挙動きっかけ | ページを表示、または更新した際 |
サムネイル | ![]() |
備考 | ※スマホ画面で閲覧した場合のナビゲーション部分、通常はハンバーガーメニューに切り替わる設定を施しますが、こちらはスライダーを確認するためのサンプルですので、PCページと同様のものにしています。 |