вращаться (180deg);вращается против часовой стрелки, когда translate ();используется на ключевых кадрах 0%;

Question

@keyframes xxx {

  0% { }

  90% { transform: rotate(180deg); }

}

Приведенный выше код поверните на 180 градусов по часовой стрелке и начните вращать против часовой стрелки назад в исходное положение, как я ожидал.

Но если добавить «transform: translate (0);»в 0%, он будет вращаться на 180 градусов против часовой стрелки и поворачиваться обратно в исходное положение в том же направлении против часовой стрелки.

Почему это так?

Приведенный выше код вращается на 180 градусов по часовой стрелке и начинает вращаться против часовой стрелки доисходная позиция, как я и ожидал.

Но если добавить "transform: translate (0);"в 0% он повернется на 180 градусов против часовой стрелки и вернется в исходное положение в том же направлении против часовой стрелки.

Почему это так?