Team:Dundee/soekrit

<script> body { background: url("../img/del/backgr1111ound.jpg"); }

h1 { color: yellow; font-size: 200px; }

{
   margin: 20px;
   width: 100px; 
   height: 100px;    
   background: #f00;
   -webkit-animation-name: spin;
   -webkit-animation-duration: 400ms;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -moz-animation-name: spin;
   -moz-animation-duration: 400ms;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;
   -ms-animation-name: spin;
   -ms-animation-duration: 400ms;
   -ms-animation-iteration-count: infinite;
   -ms-animation-timing-function: linear;
   -o-transition: rotate(3600deg);

} @-moz-keyframes spin {

   from { -moz-transform: rotate(0deg); }
   to { -moz-transform: rotate(360deg); }

} @-webkit-keyframes spin {

   from { -webkit-transform: rotate(0deg); }
   to { -webkit-transform: rotate(360deg); }

} @keyframes spin {

   from {transform:rotate(0deg);}
   to {transform:rotate(360deg);}

}

/* The animation code */ @keyframes zip {

   0%   {background-color: red; left:0px; top:0px;}
   25%  {background-color: yellow; left:200px; top:0px;}
   50%  {background-color: blue; left:200px; top:200px;}
   75%  {background-color: green; left:0px; top:200px;}
   100% {background-color: red; left:0px; top:0px;}

} div {

   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: zip;
   animation-duration: 1s;
   animation-iteration-count: infinite;

} </script>

rugby

egg