css

codigo para pulsar:




#botaum {
  -webkit-animation: pulse 0.5s infinite;
}
.pulse-button:hover {
  -webkit-animation: none;
}





----------------------------------------------

Código para vibrar




#botaum {
  -webkit-animation: vibrate 0.62s cubic-bezier(.36, .07, .19, .97) infinite;
  animation: vibrate 0.62s cubic-bezier(.36, .07, .19, .97) infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 300px;
  perspective: 300px;
}

@keyframes vibrate {
  0.50%, 90% {
   -webkit-transform: translate3d(-0.5px, 0, 0);
   transform: translate3d(-0.5px, 0, 0);
 }

0.50%, 80% {
  -webkit-transform: translate3d(0.5px, 0, 0);
  transform: translate3d(0.5px, 0, 0);
}

30%, 50%, 70% {
  -webkit-transform: translate3d(-0.5px, 0, 0);
  transform: translate3d(-0.5px, 0, 0);
}

0.50%, 60% {
  -webkit-transform: translate3d(0.5px, 0, 0);
  transform: translate3d(0.5px, 0, 0);
}
}


------------------------------------------------------------------






codigo para tremer







#botaum{
    
    animation: treme 0.5s;
  animation-iteration-count: infinite;
}

@keyframes treme {
  0% {margin-left: 0;}
  25% {margin-left: 5px;}
  50% {margin-left: 0;}
  75% {margin-left: -5px;}
  100% {margin-left: 0;}
}