見出しがふわっと
Intersection Observer を使って、要素がビューポートに入ったらクラスを付与します。 CSS の変形と不透明度で浮かび上がる表現をしています。
このテキストは少し遅れて
次の行は更に遅れて表示
--delay を使ってステージングできます。
リストの例
- 項目 A
- 項目 B
- 項目 C
スクロールで文字が浮かび上がるアニメーション
HTML + CSS（＆軽いJS）でシンプルに実装
Q. なぜ〇〇を選びましたか？
A. 私が当社を選んだ理由は、一生使えるスキルがほしいと考えたためです。「人生100年時代」と言われますが、年を取っても社会から必要とされる人材でいたい。そういう想いで入社を決意しました。
Q. どんなスキルを身につけましたか？
A. 携帯販売の仕事を通じて、「問題解決能力」を身につけました。家電量販店の携帯ショップに配属になりましたが、ただ携帯電話を売るのではなく、お客様の抱える悩みに寄り添い、家電という幅広い選択肢の中から最適解を見つけ出し、提案することを心がけていました。
Q. そのスキルは今、どう役立っていますか？
A. 営業としてクライアント様の信頼獲得につながっています。「君に任せるしかない」と仰っていただく機会が多いのですが、これは携帯販売で身につけた「問題解決能力」のおかげだと思っています。