animation.css

/*** You don't need a -ms-prefix for IE10. [http://msdn.microsoft.com/en-us/library/ie/hh673530(v=vs.85).aspx] ***/
.my-animation {
           -webkit-animation: my-animation 2s 0.5s 1 ease-in-out normal both;
              -moz-animation: my-animation 2s 0.5s 1 ease-in-out normal both;
                -o-animation: my-animation 2s 0.5s 1 ease-in-out normal both;
                   animation: my-animation 2s 0.5s 1 ease-in-out normal both;
}


/*** Single values in this case (prefix-free). ***/
.my-animation {
              animation-name: my-animation;
          animation-duration: 2s;
             animation-delay: 0.5s;
   animation-iteration-count: 1;
   animation-timing-function: ease-in-out;
         animation-direction: normal;
         animation-fill-mode: both;
}