*ポイント*
・右下に固定されているTOPへ戻るボタンが最初のページから固定されているわけではなく、ページの3分の1を過ぎた辺りから固定されるようになっている
・スクロールしてヘッダー部分が終わったらナビボタンがTOPに固定されるようになっているが、薄っすらと現れるように透明度を入れて徐々に濃くなるようにしている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・右下に固定されているTOPへ戻るボタンが最初のページから固定されているわけではなく、ページの3分の1を過ぎた辺りから固定されるようになっている
・スクロールしてヘッダー部分が終わったらナビボタンがTOPに固定されるようになっているが、薄っすらと現れるように透明度を入れて徐々に濃くなるようにしている
*ポイント*
・ヘッダー画像に雪が降っているようなアニメーションを使用している
・スクロールするとメニュー一覧がグリッドレイアウトになっている
・スクロールしてヘッダーの表示が終わるとナビボタンがTOPで固定されている
*ポイント*
・トップページをスクロールすると下から霧が出てくるアニメーションになっている
・ヘッターのナビボタンをhoverするとその内容に沿った動画にヘッダーの背景が切り替わるようになっている
・ヘッダーの背景が画像に見えるが、一部分だけアニメーションになっている