SOURCE

.class {
  -webkit-animation: swing_image 0.8s linear 0s 1 normal;
  -moz-animation: swing_image 0.8s linear 0s 1 normal;
  -ms-animation: swing_image 0.8s linear 0s 1 normal;
  -o-animation: swing_image 0.8s linear 0s 1 normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes swing_image {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-5.5deg);
  }
  25% {
    transform: rotate(7deg);
  }
  45% {
    transform: rotate(-2deg);
  }
  55% {
    transform: rotate(3deg);
  }
  65% {
    transform: rotate(-1deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}