使用CSS暂停每帧之间的动画

时间:2019-11-21 16:17:43

标签: css-animations

我正在尝试在每帧之间暂停动画(大约一秒钟),以下是到目前为止我尝试过的操作,但是仍然可以在每帧之间暂停动画,请您帮忙吗?

   .addtocart-anim {
animation: shake .9s cubic-bezier(.36, .07, .19, .97);
transform: translate3d(0, 0, 0);
animation-iteration-count: 5;
animation-delay: 3s;
}
@keyframes shake {
10%,
90% {
    transform: translate3d(-1px, 0, 0)
}
20%,
80% {
    transform: translate3d(2px, 0, 0)
}
30%,
50%,
70% {
    transform: translate3d(-4px, 0, 0)
}
40%,
60% {
    transform: translate3d(4px, 0, 0)
}
}

0 个答案:

没有答案