Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度动画,滑入右侧滑出左侧_Angularjs_Css_Animation_Ng Show - Fatal编程技术网

Angularjs 角度动画,滑入右侧滑出左侧

Angularjs 角度动画,滑入右侧滑出左侧,angularjs,css,animation,ng-show,Angularjs,Css,Animation,Ng Show,我想做一个带有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" n

我想做一个带有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>
所以我想知道是否有这样的可能

.test.ng-hide-active { left: -2000px; }
此时它从右边滑向中间,然后又回到右边

是否可以使用css和ng show


谢谢

啊,我想出来了,它与
.ng hide add active
类一起工作! 角度规则

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