/*css 动画  */

/*按钮持续扩散*/

@keyframes circleScale {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes circleScale1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  60% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(3);

    -moz-transform: scale(3);

    -ms-transform: scale(3);

    transform: scale(3);

  }

}



/* 360度旋转动画 */

@keyframes myfirst {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@-webkit-keyframes myfirst {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



/* 圆形扩散效果 */

/* animation: scalemap 2s linear infinite; */

@keyframes scalemap {

  0% {

    transform: translate(-50%, -50%) scale(0.2);

    opacity: 1;

  }



  100% {

    transform: translate(-50%, -50%) scale(1.5);

    opacity: 0;

  }

}



/*  animation: shubiao 1s infinite linear .65s; */

@keyframes shubiao {

  0% {

    transform: scale(1);

  }

  33% {

    transform: scale(2);

  }

  66% {

    transform: scale(2.5);

  }

  100% {

    transform: scale(1);

  }

}