我无法让图像逆时针旋转答案

【问题标题】：I am having trouble with getting my image to rotate anti-clockwise我无法让图像逆时针旋转
【发布时间】：2016-02-18 14:01:38
【问题描述】：

我无法让我的图像逆时针旋转我觉得我可能缺少一个简单的步骤，这是我的代码：请修复此代码。

.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); } 
}

【问题讨论】：

我希望图像逆时针旋转并不断从中心旋转
How to determine direction of rotation in CSS3 transitions?的可能重复

标签： jquery html css animation

【解决方案1】：

旋转图像或 div rotate(180deg) 有效。您可以使用任何值代替180。看看 sn-p 它的工作原理

.image {
    	width:50%;
    	-webkit-transition: -webkit-transform 3s ease-in;
    	-webkit-transform: rotate(180deg); 
    	-moz-transform: rotate(180deg);
    }

&lt;img class="image" src="http://www.keenthemes.com/preview/conquer/assets/plugins/jcrop/demos/demo_files/image1.jpg" /&gt;

【讨论】：