簡単に画像スライドアニメーションを実現
CSSでビフォーとアフターのクラスを設定するだけで、CSS3のtransitionを使ったアニメーションが簡単に実現可能。Javascriptによるアニメーションじゃないのでスマートフォンでも安定した動作をします(たぶん)。
指定方法は簡単で表示時のクラス(primary)と非表示時のクラス(secondary)をCSSファイルに書き込むだけ。あとはCSS3のtransitionがその間を補完したトゥイーンアニメーションを作成します。
CSS3に対応していないブラウザの場合はアニメーションしませんが、プログレッシブ・エンハンスメント的な発想であれば問題ないですよね。
コメント欄