4

要素に CSS トランジションを適用しています。

   target.style.transition = "color 10000ms ease";
   target.style.color = "red";

特定の状況下では、トランジションが終了するのを待たずに、このトランジションの終了状態にすぐに到達する必要があります。

私が試したら

   target.style.transition = "color 0ms";
   target.style.color = "red";

現在の移行は継続しています。

やっている

   target.style.transition = "color 0ms";
   target.style.color = "blue";

すぐに「青」に設定しますが、

   target.style.transition = "color 0ms";
   target.style.color = "blue";
   target.style.color = "red";

移行の継続という結果になります。（ChromeとFFの両方で試しました）

移行を停止する方法はありますか?

4

1 に答える 1

2

遷移を停止してすぐに終了状態に到達するには、次を使用します。

target.style.transition = "none";

デモを参照してください。

于 2013-05-04T16:30:54.047 に答える