フロートで画面上部から下ってくるナビゲーション

画像左下の△をクリックすると動画が動きます。

Floating Navigation（ﾌﾛｰﾄ･ﾅﾋﾞｹﾞｰｼｮﾝ）

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