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

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

Floating Navigation(フロート・ナビゲーション)

作品情報

作品名/DEMOURL Floating Navigation(フロート・ナビゲーション)
作成時の参照情報 Schoo.jp 
動画授業『CSS実践 レイアウト・アニメーションを極める』より
使用画像取得元

Photo by frank mckenna on Unsplash

特徴1 ナビゲーションが上から現れ、下部でランディングするアニメーション
特徴2 レスポンシブデザイン対応済み
トリガー/挙動きっかけ ページを表示、または更新した際
サムネイル floating-navigation
備考 ※スマホ画面で閲覧した場合のナビゲーション部分、通常はハンバーガーメニューに切り替わる設定を施しますが、こちらはスライダーを確認するためのサンプルですので、PCページと同様のものにしています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA