如题,我在手机上上分别使用了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>
1 个回复
DCloud_heavensoft
移动App是基于手机自带浏览器webview的内核,如果手机的webview不支持,在移动App里也不支持。
在Android上注意Android浏览器和chrome Android版是2个产品。
浏览器兼容数据可以在HBuilder里查,语法提示里有。