.scale {
  -moz-transition: .6s cubic-bezier(.75,1,.36,1.3);
  -webkit-transition: .6s cubic-bezier(.75,1,.36,1.3);
  transition: .6s cubic-bezier(.75,1,.36,1.3);

  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.scale.fired {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.translate {
  -moz-transition: .6s ease-out;
  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;

  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  transform: translate3d(0px, 200px, 0px);
}
.translate.fired {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}