3D旋转仿伪3D立体效果，手机端

标签：兴趣   alpha   ota   set   pre   body   creat   win   ice   

偶然在书上看到这段代码，感觉很舒服，直街附代码吧，原生JS。手机端旋转效果仿立体效果。

纯JS代码足够了、

var img=document.createElement(‘img‘);
 img.setAttribute(‘src‘,‘1.png‘);
 function handle(e) {
   var alpha = e.alpha, beta = e.beta, gamma = e.gamma;
   img.style.webkitTransform = "rotateZ(" + alpha + "deg) rotateX(" + beta + "deg) rotateY(" + gamma + "deg)";
 }
 document.body.appendChild(img);
window.addEventListener(‘deviceorientation‘,handle,false);
有兴趣的童鞋可以试试，比较有趣。

3D旋转仿伪3D立体效果，手机端

标签：兴趣   alpha   ota   set   pre   body   creat   win   ice   

原文地址：http://www.cnblogs.com/leolovexx/p/7641030.html