我的代码中有此属性。
-webkit-transform: rotateY(65deg);
//or
transform: rotateY(65deg);
这适用于IE和FireFox。我需要,它也可以在Opera上使用。我找不到歌剧的属性。歌剧中有这种性质的类似物吗?
这是我的全部代码:
body {
-webkit-perspective: 300px;
perspective: 300px;
}
#trapezoid {
background-image: url("http://3.bp.blogspot.com/-D9i-wqTIjFw/T5x_51p2rJI/AAAAAAAABLs/VytuZcJGNuY/s400/indahnya.jpg") ;
background-repeat: no-repeat;
background-size: 100%;
border: 1px solid gray;
height: 60px;
margin-left: 25%;
-webkit-transform: rotateY(65deg);
transform: rotateY(65deg);
width: 5em;
}
最佳答案
我认为您要使用的属性是CSS3 3D transform属性。
请注意,W3C将其放在15.2中。 3D变换功能部分。
rotationY()
与rotate3d(0,1,0,)相同。
正如CanIuse和Mozilla Network Developer告诉我们的那样,Opera现在不支持此功能(但将来可能会支持)。
编辑:如果您不介意使用jQuery,我发现此插件Transit声称可以执行CSS3转换!
关于css - 歌剧中的模拟webkit转换,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16820144/