我的在瀏覽器 沒效果啊
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>3d效果</title>
<style type="text/css">
.wind{
-moz-perspective:800;
-moz-perspective-origin:50% 50%;
-moz-perspective-style:-moz-preserve-3d;
}
.block{
height:500px;
width:500px;
background-color:#06F;
margin:100px auto;
-moz-transform:rotateZ(45deg);
}
</style>
</head>
<body>
<div class="wind">
<div class="block"></div>
</div>
</body>
</html>
2014-10-18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title></head>
<style>
#expriment {
perspective:800px;
perspective-origin:50% 50%;
transform-style:preserve-3d;
}
#block {
width:500px;
height:500px;
margin:100px auto;
background-color: #0099ff;
transform: rotatey(45deg);
}
</style>
<body>
<div id="expriment">
<div id="block">
</div></body>
</html>
這樣才行 ?perspective:800px; ?perspective:800不行，要加一個PX
2014-09-13
我的長寬度變了， 就是沒有3D的效果。。。。
2014-08-28
<!DOCTYPE html>
<html>
<head>
<style>
#expriment {
perspective:800;
perspective-origin:50% 50%;
transform-style:preserve-3d;
-webkit-perspective:800; /* Safari and Chrome */
}
#block {
width:500px;
height:500px;
margin:100px auto;
background-color: yellow;
transform: rotateX(45deg);
-webkit-transform: rotateX(45deg); /* Safari and Chrome */
}
</style>
</head>
<body>
<div id="expriment">
<div id="block"></div>
</div>
</body>
</html>
以上代碼在搜狗瀏覽器有效果，怎么改火狐都沒有效果
2014-08-28
我也是這樣寫的，沒有效果。。。。