停止动画特定步骤

时间:2018-05-19 07:13:55

标签: css animation

我有一个animiation代码。代码的本质是后台文件提前四次。但是,我希望在步骤4中不停止在图像结束,我希望在结束四步重复的第8步。

.win_1 {
display: block;
width: 485px;
height: 429px;
background: url(https://image.ibb.co/fTh91T/spirate.jpg) left center;
animation: cc1 0.5s steps(12) forwards;
position: fixed;
animation-iteration-count: 4;
}

@keyframes cc1 {
100% { background-position: -5808px; }

那么,有可能停止特定步骤(例8步骤)的动画?

0 个答案:

没有答案