anicollection/animations/attention_seekers/wobble.css

AniCollection, The easiest way to find, use and share CSS3 animations.

/*
 *@name wobble
 *@className wobble animated
 *@cssCode true
 *@editionLink codepen.io
 *@author Nick Pettit
 *@source Glide
 *@sourceUrl https://github.com/nickpettit/glide
 *@issues https://github.com/daneden/animate.css/issues
 *@license MIT
 */
@keyframes wobble {
  0% {
    transform: none
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    transform: none
  }
}

.wobble {
  animation-name: wobble
}