オンライン学習サイト
- 使用言語
- HTML/SCSS/JavaScript/GSAP/GitHub
- 制作のポイント
- フェードインアニメーション、タイミングをずらしての遅延アニメーションなどとアニメーションの多めなシンプルなサイトです。 レイアウトに段差がついているのでアニメーション効果が発揮します。 ナビゲーションはスクロール量に応じて、表示・非表示と切り替わります。jsで一定の場所に達したらナビゲーションを表示というプログラムを記述することが勉強になりました。 またスクロール促進バーもつけてあります。
- 作業範囲
- 架空のオンライン学習サイト