新JavaScript例文辞典

3D空間にする (WebKitのみ)

説明

3D空間にするにはdocument.body.style["-webkit-transform-style"]="preserve-3d"とします。2Dにするにはflatを指定します。

サンプルプログラム

window.onload = function(){
document.body.style["-webkit-transform-style"]="preserve-3d";
document.body.style["-webkit-transform"]="perspective(250) rotateX(10deg)";
}
サンプルを実行
[戻る]