JavaScriptからSVGのCSS・Styleを操作して立方体を回転させるデモ

SVGで6枚のパネルを作成

このデモはChrome46で動作確認をしています（IEでは動作しせん）

CSSのStyle transform-style: preserve-3d、transform:rotateでパネルを立方体に

立方体を含むdivに対して、JavaScriptからCSSのtransform:rotateを変更
1 2 3 4 5 6