问答详情
源自：2-2 实际创建3D场景

360浏览器，不是立体效果

<!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>


提问者：qq_说不定永远很容易_0 2015-11-22 14:19

个回答

  • 李晓健
    2015-11-22 14:22:30
    已采纳

    那看下你的浏览器是不是不支持css3 的3D 的特效。如果要用到css3的一些属性时，需要注意浏览器的支持，并非所有浏览器都支持最新的CSS3属性，有些浏览器只支持少数css3的属性。

    0