css類翻轉圖像

我已經使用創建這兩個類來翻轉圖像。css類翻轉圖像

.imgnew 
{ 
-webkit-transform-style:preserve-3d; 
-webkit-transition:all 1.0s linear; 
transform-style:preserve-3d; 
transition:all 1.0s linear 

} 

.transition 
{ 
-webkit-transform:rotateY(180deg); 
transform:rotateY(180deg); 

}

這兩個css文件。當用戶點擊圖像時，我將圖像添加到這個2類，所以圖像翻轉。再次將img帶回到我的位置，從img中移除這兩個類，但是，我的問題是有一段時間，我看到3D過渡效果，有時候我沒有看到它，但圖像被翻轉了。

是什麼問題。

來源

2013-05-27 anam

你能與您的代碼中添加[的jsfiddle（http://jsfiddle.net/）嗎？ – Chango

刪除只有transform類，它會工作得很好。

我認爲問題在於你刪除了給元素轉換的類，所以如果元素沒有轉換，它只是改變，沒有轉換，是否清楚？

這裏有一個小提琴，其中第一個圖像的過渡，而另一個沒有：http://jsfiddle.net/EYWwu/

來源

2013-05-27 06:11:29 Chango

我的問題是..我已經在圖像滑塊中使用這個類..所以用戶點擊下一張圖片將其滑動到中心位置。圖像是不必要的，然後來中心..我在瀏覽器中檢查所以imgnew類是有圖像..多數民衆贊成的原因，我是removin imgnew – anam

我不理解你的問題，你可以張貼一些代碼在jsfiddle嗎？ – Chango

css類翻轉圖像

回答

相關問題