cssAnimation

simpple

by bhupendra negi

HTML

<div id="mainDiv" class="box">

Hello

</div>

CSS

@keyframes bounceIn {
  0% {opacity:0;transform:scale(0.1)}
  30% {opacity:.5;transform:scale(1.5)}
  70% {opacity:.8;transform:scale(1.1)}
  100% {opacity:1;transform:scale(1)}
}
#mainDiv {
  animation : bounceIn 10s
}
.box{
  width:50px;
  height:50px;
  background-color:red;
  text-align:center;
  line-height:50px
}