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);
  }

}

 

css 图片循环放大缩小

上一篇:世界级的javascript ajax client端UI库 Ext学习笔记 menu组件 和 toolbar组件


下一篇:mongodb系列~实际操作