animate.css

h1 {
	color:#fff;
  	text-shadow:1px 1px 10px #00FF00, 1px 1px 10px #32CD32;
	text-align: center;
	font-size: 60px;
	font-family: "Gill Sans", sans-serif;
	font-style: oblique 40deg;
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 2px;
	
}

body {
	background-color: #FFFAFA;

}

img {
 	width: 25%;
 	height: 50%;
 	margin-left: 20%;
   /* -webkit-transition: -webkit-transform 6s; 
    -moz-transition: -moz-transform 6s; 
    -o-transition: -o-transform 6s; 
    transition: transform 6s;*/
    
    position: relative;
	    -webkit-animation: movingimage linear 5s 1s 2 normal;
	    -moz-animation: movingimage linear 5s 1s 2 normal;
	    animation: movingimage linear 5s 1s 2 normal;
	    animation-iteration-count: infinite;
}
    
@-webkit-keyframes movingimage {
    0%   {left: 0px; top: 150px;}
    25%  {left: 50px; top: 5px;}
    50%  {left: 300px; top: 5px;}
    75%  {left: 300px; top: 150px;}
    100% {left: 50px; top: 150px;}
}
    
@-moz-keyframes movingimage {
    0%   {left: 0px; top: 150px;}
    25%  {left: 50px; top: 5px;}
    50%  {left: 300px; top: 5px;}
    75%  {left: 300px; top: 150px;}
    100% {left: 50px; top: 150px;}
}
    
@keyframes movingimage	{
  	0%   {left: 0px; top: 150px;}
    25%  {left: 50px; top: 5px;}
    50%  {left: 300px; top: 5px;}
    75%  {left: 300px; top: 150px;}
    100% {left: 50px; top: 150px;}
}
/* img:hover
 {
    -webkit-transform: rotate(90deg) scale(1, 1); 
    -moz-transform: rotate(90deg) scale(2, 2);
    -o-transform: rotate(180deg) scale(2, 2); 
    transform: rotate(180deg) scale(2.5, 2.5);
 }*/