css 图片循环放大缩小

时间:2021-08-24 16:45:33   收藏:0   阅读:9
<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.cnblogs.com/chenshaoxiong/p/15180555.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!