1

次のような単純なアニメーションがあります。

.elem:hover {
-webkit-transform: scale(1.3);
-webkit-transition: all .4s;
}

ホバーすると、正しくスケーリングされます。しかし、それが完成しようとしたとき、突然元のサイズに戻り、完成した拡大バージョンにスナップします.

これを修正するにはどうすればよいですか?

4

1 に答える 1

3

少し間違っています。属性を少し異なる方法で設定する必要があります。

.elem { -webkit-transition: all .4s ease-in-out; }
.elem:hover { -webkit-transform: scale(1.3); }

要素自体にアニメーション属性を設定してから、ホバー上のアクションを設定する必要があります:)

作業例 (Webkit ブラウザーのみ)

于 2011-02-22T09:40:46.440 に答える