如何在部分旋轉後「旋轉」div？

Question

Im旋轉這個div的文本，並想知道如何可能緩慢地旋轉文本，一旦部分旋轉和鼠標從div移動。

我不能將鼠標移動到div上，因爲它不知道哪個div將被移動到。

示例如下。

http://jsfiddle.net/ofgyz7f7/

.reblogbutton{ 
position:relative; 
display:table; 
color:black; 
width:60px; 
height:60px; 
border-radius:32px; 
border: solid 2.5px black; 
text-align:center; 
margin:auto; 
top:2.5px; 
background-color:#B19CD9; 


} 

.reblogbutton a{ 
display:table-cell; 
color:black; 
vertical-align:middle; 
} 

.reblogbutton a:hover{ 
transform:rotate(360deg); 
-o-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webbkit-transform:rotate(360deg); 
    transition: all 1.2s ease; 
    -webkit-transition: all 1.2s ease; 
    -moz-transition: all 1.2s ease; 
    -o-transition: all 1.2s ease; 
} 

Answer 1

這樣的事情？

http://jsfiddle.net/u197ymv9/

.reblogbutton a{ 
    display:table-cell; 
    color:black; 
    vertical-align:middle; 
    transform:rotate(0deg); 
    transition: all 1.2s ease; 
} 

Answer 2

你的意思是恢復反順時針方向？如果是這樣，您需要將預期的效果指定爲默認狀態。我正在使用類似的動畫來激活我的標誌。 CSS的雲，像這樣：

#logo { 
    width: 3.000em; 
    height: 3.000em; 
    float: right; 
    transition: transform 0.5s; 
    transform: rotate(-360deg); 
} 

#logo:hover { 
    transition: transform 0.5s; 
    transform: rotate(360deg); 
} 

結果是在我的網站在phclaus.eu.org（對不起，自我宣傳）