css3 animations

slidein.css

@-webkit-keyframes slideIn {

  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(-185px);
    -moz-transform: translateY(-185px);
    -ms-transform: translateY(-185px);
    -o-transform: translateY(-185px);
    transform: translateY(-185px);
  }

  to {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}