MainTitle
SubTitle ・・・・・・・・・・・・・・・・
Main Visual / CurrentStatus
プロジェクトの最新の状態を視覚的に掲載
概要
背景と目的
サイトの仕様
制作環境 / 使用言語
Project Management
Schedule
計画的な遂行のために、進行管理表を作成してリンクして下さい。
ToDo
やるべきこと（タスク）を箇条書きにします。
完了後は「取り消し線」あるいは「// コメントアウト」」
worklog
最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。
2021.04.27｜github
GitHub フォルダ
https://github.com/SeiranHarinezumi/SampleSite
2021.04.20｜調査
- ページ下部にあるロボットの紹介のアニメーションがカーソルに合わせて動く。
- パソコンに入っていないフォントをサイト内で試し打ちができる。
apple 例：MacBook Airの場合
- カーソルに合わせて表示されている範囲のアニメーションが始まる。
- 各セクションにある様々なアニメーションが楽しめる。
- サイトがレイヤー状になっている。
- そのため、カーソルを回すと奥のレイヤーが動く仕組みになっている。
- サイト内のすべてのアニメーションの種類が豊富。
- サイト内で曲が自動的に流れる。
- カーソルのマークが独特。
- topのアニメーションに合わせて画像が遠近的に動く。
- サイト内の文字が動く。
- カーソルを回すと次の動画と文字も合わせて動く。
- topの画像がレーヤー状になっているため、別々に動く。
- 縁の中にある画像だけがズームアウトするアニメーションが実装されている。
jquery.nicescroll.min.js
