こども園のサイトと採用サイトのコーディング

【実績詳細公開不可】
CrowdWorks のページはこちら

こども園のサイトと教員採用サイトのコーディングを担当させていただきました。

ポップな雰囲気づくり

イラストのあしらいが多く使用されているデザインだったので、IntersectionObserverAPI を使用して各イラスト要素に動きをつけました。
ある箇所では「観覧車のようなアニメーションをつけてほしい」とのご要望があったため、以下のようなアニメーションを JavaScript で作成しました。

• 回転は画面がスクロールインしたら開始
• hover で回転を静止させ、テキストコンテンツを表示

See the Pen animation - ferrisWheel by Yurika (@yurika1202) on CodePen.