css3_animation.md

###CSS3 Animation Properties

  -webkit-animation-name: left-to-right;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;*
  -webkit-animation: left-to-right 2s ease 0s infinite alternate;
  
  @-webkit-keyframes left-to-right {
    from{left:0;}
    to{left:400px;}
  }

###Transition Properties

.animate-this{
    height: 200px;
    width: 200px;
    background-color: red;
    margin: 0 auto;
    transition: transform 0.5s ease;
    -webkit-transition:  -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
 }

 .animate-this:hover {
    transform:rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);

 }