不同的CSS3轉換激活和離開：懸停在一個DIV？

我的問題是，是否有可能對同一DIV經營2個不同的CSS3過渡？我希望能有一個旋轉和增加規模上懸停（按照下面的代碼），但是當懸停時發佈的DIV只是縮減，沒有旋轉，到原來的大小。不同的CSS3轉換激活和離開：懸停在一個DIV？

#listitem ul li { 
    float: left; 
    margin: 0 15px 0 15px; 
    padding: 0; 
} 
#listitem ul li:hover{ 
    -webkit-transform: rotate(720deg) scale(1.5); 
    -moz-transform: rotate(720deg) scale(1.5); 
    -ms-transform: rotate(720deg) scale(1.5); 
    -o-transform: rotate(720deg) scale(1.5); 
    transform: rotate(720deg) scale(1.5); 
}

由於在部分旋轉時如何處理DIV，因此可能無法實現。

感謝邁克

來源

2011-07-19 user114671

不可能我」害怕，不使用JUST css :) – benhowdle89

我很害怕！感謝您抽出時間回覆。 – user114671

是可能的轉變上:hover結合，但你rotate是2個完整旋轉（360deg * 2），所以它會回到原來的位置。嘗試更改爲20deg，您應該能夠看到組合的旋轉和縮放效果。一旦元素丟失:hover，您可能必須使用JavaScript來保持一個轉換。

來源

2011-07-19 15:35:33 andyb

感謝您的回覆，andyb。我認爲我的問題措辭嚴重 - 規模和旋轉效果都很好，但我不知道當懸停結束時我是否可以擁有比例尺 - 而不是旋轉角度。這是否更有意義？ – user114671

是可能的，但作爲分度一定的角度旋轉，同時懸停..當懸停被釋放它在相反的旋轉而旋轉，回到返回到初期..是多效可以應用於

來源

2011-07-19 15:54:33 monk

只能縮放不旋轉，而懸停在css3轉換沒有完成可能是適用於JavaScript的一些幫助 – monk

不同的CSS3轉換激活和離開：懸停在一個DIV？

回答

相關問題