CSS3动画,留下来

时间:2012-06-14 00:45:38

标签: jquery css3 translate-animation

我使用以下动画:

.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);
    }
}

动画效果很好,但动画完成后,元素会从动画制作的位置移动到默认位置

有没有办法让它留在原地?

1 个答案:

答案 0 :(得分:2)

您可以在.wheel1anim中添加一行:

-webkit-animation-fill-mode:both;