Usuń zastosowaną transformację CSS

Question

Zastosowałem -webkit-transform:rotateY(180deg); do odwrócenia obrazu. Składam wniosek - webkit-transform:rotateY(0deg);, aby obrócić go z powrotem do pierwotnej pozycji. Teraz mam kilka innych klas do zastosowania, ale kiedy sprawdzam w Inspektorze sprawdzania Chrome Widzę, że rotateY(0) nadal tam jest, a które powinno zostać całkowicie usunięte.

Jak mogę całkowicie usunąć animację z elementu?

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

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

Answer 1

po prostu to zrobić:

.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; 
}