新JavaScript例文辞典

パースペクティブを指定する (WebKitのみ)

説明

パースペクティブを指定するにはdocument.body.style["-webkit-transform"]="perspective(300)"とします。値を小さくすると傾きが大きくなります。2008/10/22時点ではiPhoneのSafariでしか動作しません。

サンプルプログラム

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