@-webkit-keyframes tada {
  0% {
     -webkit-transform: scale(1);
  }

  10%, 20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
     -webkit-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
  }

  100% {
     -webkit-transform: scale(1) rotate(0);
  }
}

.tada {
   -webkit-animation-name: tada;
}

.animated {
   -webkit-animation-duration: 1s;
   -webkit-animation-fill-mode: both;
}