LINK-GOTO-BACK(元のページに戻る)


jQuery Transition DEMO-020d


jquery.transit.js を使用した、transitionアニメーションのデモページです。2015/07/20 新規

 

DEMO CSS3 transitionアニメーション4

 

● デモページは [ jqury-1.9.1 ] および [ jquery.transit.js ] で動作しています。

 

 

画像分割アニメーションに応用する

Chromeでの閲覧推奨、CSS3に未対応のIE10以前のブラウザなどでは作動しません。slice-transition-demo.js

 

 

 

現在、ほぼモダンブラウザに移行しましたので、画像分割アニメーションに応用して見ます。従来と違って回転が出来るのが特徴で、
これでAS3、カンバス描画のものとほぼ差異が無いアニメーションが可能となります。

通常のHTMLにJS処理だけで実現できることはうれしい。お祝いだ、ビールもって来い!


1. 回転が出来る。
2. アニメーションが軽くなった。
3. z-index操作で重なり順を変更しています。

 

 

 

 

 

 

 

 

 

 

今回はデモのみで詳細説明などは有りません。後日別途記事で説明する予定です。

【参照】当方の記事: jQuery CSS3 transit.js使用の画像分割アニメーション

 

以上。

 

LINK-GOTO-BACK(元のページに戻る)