我使用以下动画:
.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);
}
}
动画效果很好,但动画完成后,元素会从动画制作的位置移动到默认位置
有没有办法让它留在原地?
答案 0 :(得分:2)
您可以在.wheel1anim中添加一行:
-webkit-animation-fill-mode:both;