文档介绍：<!DOCTYPE html> <html> <head> <title></title> <style> #experiment{ -webkit-perspective: 800; -webkit-perspective-origin: 50% 50%; -webkit-transition: -webkit-transform 1slinear; -webkit-transform-style:-webkit-preserve-3d; }#block{ width:150px; height:150px; background-color: #69c; margin:170px auto; }#op{ margin:0 auto; font-size:16px; font-weight:bold; width:800px; }#op .range-control{width:721px;} </style> <script type="text/javascript"> function translateall(){ var x=("translatex").value; var y=("translatey").value; var z=("translatez").value; ('block'). = "translateX("+x+"px) translateY("+y+"px) translateZ("+z+"px)"; ('translatex-span').innerText =x; ('translatey-span').innerText =y; ('translatez-span').innerText =z; }</script> </head> <body> <div id="experiment"> <div id="block"> </div> </div> <div id="op"> <p>translate x:<span id="translatex-span">0</span> px</p> <input type="range" min="-360" max=