css 图片循环放大缩小

<image class="anima" mode="widthFix" scr="/pic.png">

.anima{

　　animation-name:likes;//动画名称

　　animation-direction:alternate;//动画 奇数放大，偶数缩小

　　animation-timing-function:linear;//动画执行方式

　　animation-delay:0s;//延迟时间

　　animation-duration:1s;//动画完成时间

}

@keyframes likes{

　　0%{

　　　　transform :scael(1);
　　}

　　25%{

　　　　transform :scael(0.9);
　　}

　　50%{

　　　　transform :scael(0.85);
　　}

　　75%{

　　　　transform :scael(0.9);
　　}

　　100%{

　　　　transform :scael(1);
　　}

}

可参考 https://www.jq22.com/webqd3570