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>
<!-- 實際創(chuàng)建3D場景 -->
<div id="experiment">
? ?<div id="d"></div>
</div>
</body>
</html>
2015-11-22
那看下你的瀏覽器是不是不支持css3 的3D 的特效。如果要用到css3的一些屬性時，需要注意瀏覽器的支持，并非所有瀏覽器都支持最新的CSS3屬性，有些瀏覽器只支持少數(shù)css3的屬性。