簡単に画像スライドアニメーションを実現／ResponsiveSwitch.js

簡単に画像スライドアニメーションを実現

CSSでビフォーとアフターのクラスを設定するだけで、CSS3のtransitionを使ったアニメーションが簡単に実現可能。Javascriptによるアニメーションじゃないのでスマートフォンでも安定した動作をします（たぶん）。

よくフロントページとかにある画像がスライドしてスライドショーみたいなのあるじゃないすか。アレが簡単にできます。右から出てきたり左から出てきたり、はたまた下から出てきたりとかね。スライド式のアニメーションが簡単にスマホでも！

指定方法は簡単で表示時のクラス（primary）と非表示時のクラス（secondary）をCSSファイルに書き込むだけ。あとはCSS3のtransitionがその間を補完したトゥイーンアニメーションを作成します。

CSS3に対応していないブラウザの場合はアニメーションしませんが、プログレッシブ・エンハンスメント的な発想であれば問題ないですよね。