角度动画，向右滑动向左滑动

Question

我想用ng-show和css过渡做动画，其中容器从右侧滑动到中心，然后从中心滑到左侧。

这里是我的代码：

<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？

谢谢！

Answer 1

啊，我想通了，它适用于.ng-hide-add-active课程！ 角度规则！