css animation

basics

by bhupendra negi

HTML

<h2>
hello World !
</h2>

CSS

@-webkit-keyframes bounceIn {
  0% {-webkit-transform:scale(0) rotate(90deg);opacity:0;}
  60% {-webkit-transform:scale(1.8) ;opacity:1;}
  100% {-webkit-transform:scale(1);-webkit-transform:rotate(-910deg)}
}
h2 {
  color: darkturquoise;
  font-family: lato;
  font-weight: 500;
  font-size: 60px;
  text-align: center;
  text-transform: uppercase;
  -webkit-animation: bounceIn 2s ease-in;
  margin-top: 200px; 
  
}