如何防止图像再次出现(css动画)

如何防止图像再次出现(css动画),css,animation,Css,Animation,在我的动画中,我有两朵云(=wolkje)飘过。但是,我希望这些云在动画期间浮动1次,而不是重复 wolkje1先生{ background-repeat: no-repeat; position: absolute; width: 650px; height: 120px; top: 3px; background-size: 110px; background-image: url(../images/wolkje.png); animation: wolk 10s infinite lin

在我的动画中,我有两朵云(=wolkje)飘过。但是,我希望这些云在动画期间浮动1次,而不是重复

wolkje1先生{

background-repeat: no-repeat;
position: absolute;
width: 650px;
height: 120px;
top: 3px;
background-size: 110px;
background-image: url(../images/wolkje.png);
animation: wolk 10s infinite linear;
} wolkje2先生{

background-repeat: no-repeat;
position: absolute;
width: 650px;
height: 120px;
top: 190px;
background-size: 110px;
background-image: url(../images/wolkje.png);
animation: wolk 15s infinite linear normal;
} @关键帧沃尔克{

0% {background-position-x: -100px ;}
100% {background-position-x: 1000px}
}从中删除无限

animation: wolk 10s infinite linear;
把它当作-

animation: wolk 10s linear;

从中删除
ìnfinite

动画:wolk 10s无限线性

它将阻止动画循环