css-animations-wiggle.css

/*Below will apply the chose wiggle effect to the submit button.*/
/*Just change the animation type to the wiiggle effect you want, wiggle1,wiggle2,wiggle3,wiggle4.*/
.gform_button.button {
    animation: wiggle1 1.5s ease-in infinite;
}

/*CSS Wiggle 1*/
@keyframes wiggle1 {
  0%, 7% {transform: rotateZ(0);}
  15% {transform: rotateZ(-13deg);}
  20% {transform: rotateZ(9deg);}
  25% {transform: rotateZ(-10deg);}
  30% {transform: rotateZ(7deg);}
  35% {transform: rotateZ(-2deg);}
  40%, 100% {transform: rotateZ(0);}
}
/*CSS Wiggle 2*/
@keyframes wiggle2 {
  0% { transform: translate(2px, 0px); }
   20% { transform: translate(-2px, 0px); }
   40% { transform: translate(2px, 0px); }
   60% { transform: translate(-2px, 0px); }
   80% { transform: translate(2px, 0px); }
   100% { transform: translate(0px, 0px); }
}
/*CSS Wiggle 3*/
@keyframes wiggle3 {
  0% {transform: rotate(10deg);}
  25% {transform: rotate(-10deg);}
  50% {transform: rotate(20deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}
/*CSS Wiggle 4*/
@keyframes wiggle4 {
  0% { transform: skewX(9deg); } 
   10% { transform: skewX(-8deg); } 
   20% { transform: skewX(7deg); } 
   30% { transform: skewX(-6deg); } 
   40% { transform: skewX(5deg); } 
   50% { transform: skewX(-4deg); } 
   60% { transform: skewX(3deg); } 
   70% { transform: skewX(-2deg); } 
   80% { transform: skewX(1deg); } 
   90% { transform: skewX(0deg); } 
   100% { transform: skewX(0deg); } 
}