CSS3だけで作られたスライド調の画像切り替えエフェクト4種


Sliding Image Panels with CSS3 (Codrops)

CSS3だけで作られた、スライド調の画像切り替えのトランジション・エフェクト「Sliding Image Panels with CSS3」が公開されています。 (英語)

「Demo 1」から「Demo 4」までの4種類があり、画像内の丸で囲まれた1から4までの数字をクリックすると、画像がアニメーションしながら切り替ります。

CSS3だけで作られているので、JavaScriptが無効な状態でも動作します。


Keywords : チュートリアル