左から右へ、画像を徐々に表示するアニメーションです。
アニメーションを無限に繰り返すように記述。
右から左へ、画像を徐々に表示するアニメーションです。
アニメーションを無限に繰り返すように記述。
上記サンプルとは異なり1回だけアニメーションを表示させたい場合、アニメーション開始のタイミングを指定してあげなければ、視認する前に勝手にアニメーションが終了してしまう。
ファーストビュー（トップ画面）にアニメーションを走らせる場合であれば、jqueryのloadイベント等で処理できるが、ページ途中にある画像をアニメーションで表示する場合、その画像のある場所までマウススクロールしたタイミングでアニメーションを走らせる必要がある。
javascript（jquery）で画面位置を取得し、マウススクロールイベントを利用してアニメーションをスタート。
アニメーションの繰り返しなし。
