#experiment{
-webkit-perspective:800;
-webkit-perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
}
#block{
width:500px;
height:500px;
background-color:blue;
margin:100px auto;
-webkit-transform:rotateX(45deg);
}
那些说没效果的检查下自己代码!
-webkit-perspective:800;
-webkit-perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
}
#block{
width:500px;
height:500px;
background-color:blue;
margin:100px auto;
-webkit-transform:rotateX(45deg);
}
那些说没效果的检查下自己代码!
2016-01-17
虽说所有浏览器都不支持perspecive属性,但据说谷歌支持-webkit-perspective替代属性,但是尝试过谷歌和火狐依旧没有效果,望大神指点,感激不尽!
2015-12-22
此时应该是-webkit-transform-style: preserve-3d;,这样的话谷歌浏览器可看到效果,其实IDE报错可以知道
2015-12-19