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 を使用してもかまわない場合は、CSS3 Transforms を実行できると主張するこのプラグインTransitを見つけました。

于 2013-05-29T18:04:56.333 に答える