Javascript 返回初始样式时的Css动画

我在图像上缩放动画，但当动画完成并返回到初始大小时没有动画，如何在返回到初始值时强制动画

你觉得怎么样

@keyframes scaleImg {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}

img { 
   transform: scale(0.8);
   animation: scaleImg 1.5s;
   animation-timing-function: linear;
}

动画方向：交替；这是一个好的开始

每个迭代以交替方向运行

因此，需要进行2次迭代才能回到起点，即

animation-iteration-count: 2;

当然，如果您希望总时间为1.5秒，您还需要将1.5秒更改为750毫秒

尝试此解决方案

@keyframes scaleImg {
    0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.8);
}

img { 
   transform: scale(0.8);
   animation: scaleImg 1.5s;
   animation-direction: alternate;
}

希望这对您有所帮助。

动画迭代次数：2；

@keyframes scaleImg {
    0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.8);
}

img { 
   transform: scale(0.8);
   animation: scaleImg 1.5s;
   animation-direction: alternate;
}