の移行は、私は以下のクラスを持っているCSS3

Question

に回転要素上で実行されていない：私は実行して関数が呼び出されたときに適用

.rotate 
{ 
    -webkit-transition: all 2s ease-in-out; 
    -webkit-transform : rotateY(360deg); 
} 

：私は原稿180°に360degを変更した場合は

$('#mydiv').addClass('rotate'); 

を、I私のdivが回転されたようですが、これは瞬間的に行われ、2秒間ではありません。だから、変遷はまったく適用されていないように見えますが、変態はあります。

アイデア？

TIA

JD

詳細情報：

は明らかクリック（この下に他の人への感謝が確認されている）で動作します。

私が持っているのは、プラグインの呼び出しの開始時にユーザーがアニメーションを入れることができるプラグイン（私ではない）です。このプラグインは、div要素のリストを配列に格納し、5秒ごとにそれを繰り返し、各要素をDOMツリーに挿入します（既存の要素を削除します）。だから最初のdivが追加されたとき、私は移行が実行されることを期待しました。次のようにプラグインを使用すると、次のとおりです。

 $.jqTests.start({ cyclespeed : 5secs; 
         transitionanimationin : 
          function(element) { 
          element.removeClass('non-active'); 
          // display : none is removed. 
          element.addClass('rotate');} 
        }); 

私は（キーフレーム付き）CSS3アニメーションを使用している場合、アニメーションが正しく再生されていることがわかります。しかし、私は変換を使用して移行を行うように見えることはできません。

Answer 1

-webkit-transition-duration: 2s; 

CS3の中で、スタイリングはHTMLスタイリング用であることをお試しください。