Comments先日投稿した記事CSS3でマウスオーバーすると画像がぽよんっと動くアニメーションですが、ぽよんっ!というアニメーションがちらついて見えてしまっていました。丸が一度小さくなる際マウスオーバーの状態から外れてしまうことによって、CSSの擬似クラス:hoverに定義したアニメーションが効かなくなることによるものです。箱にアニメーションクラスを追加/削除でアニメーション開始/終了と修正することにしました。((追記:CSS3だけでも実装可能とご指摘いただきました。次回CSS3だけでの実装を紹介させていただきます。jQueryのaddClassとremoveClassを使いました。[BEFORE]別ウィンドウで開く[AFTER]別ウィンドウで開く特に丸の縁に近い方にマウスオーバーをしてみると、違いがよく分かるかと思います。HTML<head>内でjQueryを読み込みます。class="animBall"></div></div></div>.animBallBoxという大きさが固定された箱の中に、.animBallという動かす丸を入れます。}}間違っている点などありましたら、ご指摘ください。コメントをキャンセルメールアドレスが公開されることはありません。