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