制作背景
ユニークなアニメーションやデザインを沢山実装してみたい、と思い制作したシングルページのサイトです。
パララックス背景やリキッドアニメーション、ホバーアニメーションなど、とにかくやりたいギミックにチャレンジしてみました。
制作時期
2024年 9月
（大学1年）
メンバー
1人（全て自身で制作）
担当箇所
全て（デザイン、コーディング）
技術スタック
- HTML/CSS
- JavaScript
Journey
デザイン
デザイン。白黒を基調に。Figma上でパスを使ってハスキーを描くの難しかったです。
ポイントのギミック
超重要ポイントのリキッドアニメーション×パララックス。作り方を検索しても出てこなかったので、一から自分で実装方法を考えました。
ホバーアニメーション
ホバーするとコーヒーが注がれているように色が変わるヘッダーのページ内リンク。
