LP「生産性向上アプリ」
作品・ソースコードを見る
以下、「制作のポイント」もぜひご覧ください。
制作のポイント
デザインはCanvaの生成テンプレートを使用。ポイントや利用者の声など、一部テキストはChatGPTで生成しました。
今作のテーマは「LP」で、少し動きのついた表現を目指しました。
スクロールで画面を表示したら要素をフェードインさせる、というよく見るアニメーションですが
JSとCSSを組み合わせて、一部の要素のフェード開始を遅らせて、視覚効果を狙いました。
（MV、料金など）
料金の時間差フェードインは、HTMLにdata属性を振り、その属性値を利用して、JSで付与するクラス名を変更することで表現しています。