刪除應用的CSS轉換

我已經應用-webkit-transform:rotateY(180deg);來翻轉圖像。我申請 - webkit-transform:rotateY(0deg);將其旋轉回原來的位置。現在我還有其他一些類可以應用，但是當我檢入Chrome Inspect Element時，我可以看到rotateY(0)仍然存在，應該完全刪除。刪除應用的CSS轉換

如何從元素中完全刪除動畫？

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

.notransition { 
    -webkit-transform:rotateY(0deg); 
    transform:rotateY(0deg); 
}

來源

2013-05-13 anam

走班從元素 – George 2013-05-13 08:15:38

遠離你的意思是像[這裏]（http://jsfiddle.net/9rnbN/ 1 /）？ – Vucko 2013-05-13 08:21:30

這個答案對你有幫助嗎？接受答案，如果它有幫助你，或張貼你自己的答案。 – Mark 2015-12-04 14:58:01

只是這樣做：

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

.notransition { 
    -webkit-transform: none; 
    transform: none; 
}

none seems to be the default value

來源

2013-05-13 08:38:07 Mark

-1

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

.notransition 
{ 
    -webkit-transform:unset; 
    transform:unset; 
}

來源

2016-05-17 07:00:29

在回答問題之前，請檢查其他答案。不要發佈重複的答案。 – 2016-05-17 07:03:34

我查看了其他答案，發現不正確，因爲沒有人不使用變換，所以在評論前檢查所有答案。 – 2016-05-19 07:06:11

不知道爲什麼你有downvote，但'unset'適合我 – sawe 2017-01-23 10:56:49

刪除應用的CSS轉換

回答

相關問題