Angewandte CSS-Transformation entfernen

Question

Ich habe -webkit-transform:rotateY(180deg); angewendet, um ein Bild zu spiegeln. Ich wende an - webkit-transform:rotateY(0deg);, um es wieder in die ursprüngliche Position zu drehen. Jetzt muss ich einige andere Klassen anwenden, aber wenn ich Chrome Inspect Element einchecke, kann ich sehen, dass rotateY(0) immer noch da ist, was komplett entfernt werden sollte.

Wie kann ich die Animation vollständig aus einem Element entfernen?

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

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

Answer 1

nur dies tun:

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

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

none seems to be the default value

Answer 2

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

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