jquery - CSS3 アニメーション、動かない

Question

次のアニメーションを使用しています。

.wheel1anim {
    -webkit-animation-name: wheel1go;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes wheel1go {
    0% {
    }
    100% {
        -webkit-transform: translate(200px, 150px);
    }
}

アニメーションは正常に動作しますが、アニメーションが終了すると、要素はアニメーション化された場所からデフォルトの位置に移動します

そのままにしておく方法はありますか？

Answer 1

.wheel1anim に次の 1 行を追加できます。

-webkit-animation-fill-mode:both;