如何使角度使用CSS的滑動運動？

Question

請考慮以下內容plunker

我想讓左側的數字滑動列表在左側滑動並離開時滑動。

這裏是我的CSS

.stuff { 
    display: inline-block; 
    margin-left: 10px; 
} 

button { 
    display: block; 
} 

.stuff.ng-enter, 
.stuff.ng-leave { 
    -webkit-transition: all 1s ease-in-out; 

} 

.stuff.ng-enter { 
    left: 100%; 
} 
.stuff.ng-enter-active { 

    left: 0; 
} 

.stuff.ng-leave { 
    left: 0; 
} 
.stuff.ng-leave-active { 
    left: -100%; 
} 

我覈實，如果我改變定位過渡到不透明它的工作原理，但由於某種原因使動畫left或right不起作用。

有人可以幫我嗎？

感謝

Answer 1

剛剛看了一下你的代碼，我建議你添加position你的造型。你可以找到變化here

我只是對班級做了一個小改動。

.stuff.ng-enter,.stuff.ng-leave { 

-webkit-transition: all 1s ease-in-out; 
position:relative; 

} 

希望能回答這個問題。