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

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 类！ 角度规则！