Angular 2 route animation. Как сделать реверс для анимации?

Есть вот такая вот анимация, вполне рабочая:

trigger('routerTransition', [
state('void', style({position:'fixed', width:'100%'}) ),
state('*', style({position:'fixed', width:'100%'}) ),
transition(':enter', [
style({transform: 'translateX(-100%)'}),
animate('0.5s ease-in-out', style({transform: 'translateX(0%)'}))
]),
transition(':leave', [
style({transform: 'translateX(0%)'}),
animate('0.5s ease-in-out', style({transform: 'translateX(100%)'}))
])
]);

Страницы катаются слева на право, и все хорошо. Но есть случаи, когда мне надо запустить анимацию в обратном направлении, например по клику на кпонку "назад" (как в нативных ios приложениях). Подскажите как это можно реализовать или где подсмотреть. Заранее спосибо