架空英会話スクールLP

ID : demo-1

パスワード : demo1-bbb

【特徴】

・メインビジュアルはCSSアニメーションで3枚の画像を5秒間かけて切り替わるように実装しました。

・スクロールした際に左右からフェードイン、ふわっと浮き上がるアニメーション、はIntersectionobserverで監視されたタイミングで動作するようにしました。

・CSS設計はBEMベースのFLOCSSを採用し、もしページ数が増えても保守・点検しやすいコーディングを意識しました。