360浏览器，不是立体效果
来源：2-2 实际创建3D场景
qq_说不定永远很容易_0
2015-11-22 14:19
<!DOCTYPE html>
<html>
<head>
<meta charset="GB18030">
<title>transition</title>
<style>
#experiment{
perspective:800;
perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
}
#d{
width:300px;
height:300px;
background-color:purple;
margin:0 auto;
-webkit-transform:rotateY(45deg);
}
</style>
</head>
<body>
<!-- 实际创建3D场景 -->
<div id="experiment">
<div id="d"></div>
</div>
</body>
</html>
写回答
关注
1回答
-
- 李晓健
- 2015-11-22 14:22:30
那看下你的浏览器是不是不支持css3 的3D 的特效。如果要用到css3的一些属性时，需要注意浏览器的支持，并非所有浏览器都支持最新的CSS3属性，有些浏览器只支持少数css3的属性。
CSS3 3D 特效
使用CSS3当中的属性，创建真实可用的三维效果
78574 学习 · 425 问题
相似问题