[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix

Post on:2013年4月4日

sponsors

jQueryのプラグイン「CSSMatrix」を使って、不連続のレイヤーに要素を配置し、それぞれを分離して3Dにぐるぐる回転して表示するデモを紹介します。

デモは最新のモダンブラウザでご覧ください、IEは9+、できればIE10でご覧ください。

demo 1は、IE9+とモダンブラウザで動作するためのベーシックなスタイルです。

demo 2は、JavaScriptでclassを変更し、コントロールします。

demo 3は、IE9で3Dのレンダリングができないので、2Dの描画との比較です。

demo 4は、SVGを使って3Dにレイヤーを変形させるデモです。

ここから下のデモは、マシンパワーを必要とするデモです。