Шкала преобразования не работает после вращения

Question

Итак, я работаю над fiddle, и когда я нажимаю на элемент, чтобы активировать поворот, он больше не меняет масштаб при наведении на него. И вы заметите, что все остальные меняют масштаб просто отлично. Это то, что у меня есть для вращения.

$(C1).click(function() { 
    $(C1).css("transform", "rotateY(-180deg)"); 
    setTimeout(function() { 
     $(C1).css("transform", "rotateY(0deg)"); 
    }); 

Answer 1

Это потому, что вы не «удалили» вращение. Вы установили его во второй раз. .css() устанавливает свойство inline style, которое будет переопределять стили в вашем sylesheet, потому что имеет более высокий каскадный вес.

Вы должны удалить стиль вместо $(C1).css("transform", "");. Он все равно оживит то же самое, но он не заставит вращение 0deg.

https://jsfiddle.net/eLcgfbn3/

Edit: Честно, хотя, возможно, было бы лучше, чтобы переключиться полностью на классы. Гораздо проще поддерживать такое поведение.