3

私はこれらの2つのクラスを作成して画像を反転させました。

.imgnew
{
 -webkit-transform-style:preserve-3d;
 -webkit-transition:all 1.0s linear;
 transform-style:preserve-3d;
 transition:all 1.0s linear

}

.transition
{
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg);

}

この2つのCSSファイル。ユーザーが画像をクリックすると、この2つのクラスに画像が追加されるため、画像は反転します。再び img を位置に戻すために、これらの 2 つのクラスを img から削除していますが、私の問題は、3D トランジション効果が表示されるときと、表示されないときに画像が反転することです。

何が問題ですか。？？？

4

1 に答える 1

5

でクラスのみを削除するtransformと、問題なく動作します。

問題は、要素にトランジションを与えたクラスを削除していたことだと思います。そのため、要素にトランジションがない場合、トランジションなしで変化するだけです。明確ですか?

ここに、最初の画像にトランジションがあり、もう一方の画像にないフィドルがあります: http://jsfiddle.net/EYWwu/

于 2013-05-27T06:11:29.467 に答える