【jQuery】簡単!Flashのようなタイムラインアニメーションを実現するテクニック(レスポンシブ対応) こんにちは、UXデザイン室の松山です。 好きなスタンドは、パープルヘイズです。 前回のTips*Blogでは「背景画像の複数設定と:before、:afterを使ったレスポンシブCSSテクニック」を説明しました。 今回は、jQueryでFlashのタイムラインのように順番にアニメーションを実行するテクニックを説明します。 最近ではFlashを使用しているサイトはほぼ見なくなり、アニメーションならjQueryやCSS3で再現しているサイトがほとんどですが、お客様にむかし流行ったFlashで作るオープニングムービーのようなものを依頼された時にどうやって実装すればいいのか悩んだことはないでしょうか? そんな時に使えるテクニックをご紹介します。 今回作成したサンプル まずはサンプルをご覧くだ