0

我的代码中有这个属性。

-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;
}
4

2 回答 2

1

我认为您要使用的属性是CSS3 3D 变换属性。

请注意，W3C 将其放在15.2. 3D 变换函数部分。

rotateY()
与 rotate3d(0, 1, 0, ) 相同。

正如CanIuse和Mozilla Network Developer告诉我们的那样，Opera 现在不支持此功能（但将来可能会支持）。

编辑：如果您不介意使用 jQuery，我发现这个插件Transit声称它可以进行 CSS3 转换！

于 2013-05-29T18:04:56.333 回答
0

编辑了我的答案...

-o是 Opera 的供应商前缀，但它似乎-o-transform: rotateY(65deg)不起作用，因为旧版 Opera 不支持 3d 转换。

但是使用 Blink 的最新版本 Opera Next 可能支持-webkit-transform: rotateY(65deg

于 2013-05-29T17:59:47.480 回答