css3 animation(左右摆动) (放大缩小)

左右摆动:

@-webkit-keyframes roundRule{
  0%, 100%{
    -webkit-transform: rotate(-15deg);
  }
  50%{
    -webkit-transform: rotate(15deg);
  }
}

-webkit-animation: roundRule 2.5s ease-in-out infinite;

-webkit-transform-origin:  top center;

放大缩小:

@-webkit-keyframes scale{
  0%, 100%{
    -webkit-transform: scale(1);
  }
  50%{
    -webkit-transform: scale(1.5);
  }
}
-webkit-animation: scale 2.5s ease-in-out infinite;
原文地址:https://www.cnblogs.com/cczlovexw/p/8559961.html