SFSM
SFSM
  • 发布:2014-08-14 12:19
  • 更新:2014-08-15 00:04
  • 阅读:1952

移动app不支持rotateX()这类3D旋转么?

分类:HTML5+

如题,我在手机上上分别使用了rotateX(60deg)rotateY(60deg)rotateZ(60deg)三种,

结果效果都等同rotateZ(60deg),

看起来就像是2D里的平面旋转一样,

是移动APP不支持呢?

还是这三个弄错结果效果变一样了呢?

附上代码:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
-webkit-animation:myfirst 1s; / Safari and Chrome /
}

@-webkit-keyframes myfirst / Safari and Chrome /
{
from {-webkit-transform:rotateY(180deg); }
to {-webkit-transform:rotateY(0deg); }
}

</style>
</head>
<body>

<div></div>

<p><b>注释:</b>本例在 Internet Explorer 中无效。</p>

</body>
</html>

2014-08-14 12:19 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

移动App是基于手机自带浏览器webview的内核,如果手机的webview不支持,在移动App里也不支持。
在Android上注意Android浏览器和chrome Android版是2个产品。
浏览器兼容数据可以在HBuilder里查,语法提示里有。

该问题目前已经被锁定, 无法添加新回复