Tengo un ícono de menú dentro de Angular2, que siempre debe girar en el sentido de las agujas del reloj. Cuando se muestra, debe girar de -360 grados a -180 grados. Cuando se oculta, debe girar de -180 grados a 0 grados.

Pero con esta configuración de animación, gira en sentido contrario a las agujas del reloj con el estado de transición 'ocultar' a 'mostrar'. ¿Cómo puedo hacer que gire en el sentido de las agujas del reloj?

 export const MenuButtonAnimation = trigger('menuState', [ state('hide', style({ transform: 'rotate(0)' })), state('show', style({ transform: 'rotate(-180deg)' })), transition('hide => show', animate('350ms ease-out')), transition('show => hide', animate('350ms ease-in')) ]);