サイトコーディングをしていると、お客様やデザイナーさんから良く求められる「ふわっと出てくるやつにして!」なあの表現を今回はご紹介します。 いろいろなやり方がありますが、私が思う「一番簡単な方法」という点でまとめたので、まだ実装したことが無いという方はぜひトライしてみてください。 正確には、アクセス時には非表示にして、スクロールするに伴って可視領域に入ったものから表示させていく動きという感じでしょうか。 詳しいコードの前に、まずは完成形を見ていきましょう。 スクロールすると下左右から出現してくる 左右に画像と文字を配置して、交互に見せるよく見る感じのデザインですね! 少し、要素を減らしてシンプルにしてみましょう。 良い感じですね! 今回の記事ではこの「ふわっと出現」をマスターしていきましょう。 記事最後にコードをまとめているので、コードだけ知りたいという方は実装サンプルコード01へスクロール