I am having trouble with getting my image to rotate anti-clockwise
<p>I've trouble with getting my image to rotate anti-clockwise i feel i may be missing a simple step, here is my code : please fix this code. </p>

<pre><code>.image {     
    position: absolute;     
    top: 30%;     
    left: 37%;     
    width: 430px;     
    height: 430px;     
    margin:210px 0 0 -60px;    
    -webkit-animation:spin 75s linear infinite;     
    -moz-animation:spin 75s linear infinite;     
    animation:spin 75s linear infinite; 
} 
.redline {     
    position: absolute;    
     top: 30%;     
    left: 37%;     
    width: 430px;     
    height: 430px;     
    margin:210px 0 0 -60px;     
    -webkit-animation:spin 35s linear infinite;     
    -moz-animation:spin 35s linear infinite;     
    animation:spin 35s linear infinite; 
}  
@-moz-keyframes spin { 
    100% { transform-moz-transform: spin(-720deg); } 
}
</code></pre>