угловая анимация, сдвиньте вправо выдвиньте влево

Я хочу сделать анимацию с переходами ng-show и css, где контейнер перемещается с правой стороны на центр, а затем от центра на сторону LEFT.

здесь мой код:

<span class="test" ng-show="showContainer == 'first'">Content One</span>
<span class="test" ng-show="showContainer == 'second'">Content Two</span>
<span class="test" ng-show="showContainer == 'third'">Content Three</span>

CSS:

.test { 
    left: 0px;
    @include transition(left, 5s, ease-in-out);
}

.test.ng-hide { left: 2000px;}

Поэтому мне интересно, есть ли что-то вроде

.test.ng-hide-active { left: -2000px; }

В настоящий момент он скользит справа от центра, а затем возвращается вправо.

Возможно ли с помощью css и ng-show?

Благодарю!