Angular CSS ngAnimate翻譯爲開發人員

Question

ngAnimate與路線一起使用時，可以設置不同的「CSS樣式」以生成不同的過渡。

這是否將覆蓋轉換的所有CSS選項的正確模板？

myAnimation =代表我的CSS模板。

.myAnimation {} 
.myAnimation.ng-enter {} 
.myAnimation.ng-enter-active {} 
.myAnimation.ng-leave {} 
.myAnimation.ng-leave-active {} 

有什麼正在影響並能在任何指南或文檔？

我一直在玩這些了一會兒，我還是不理解角色的每個那些CSS項目和角色，他們在動畫播放的，我指的是「絕望的觀點」和「 新視圖「。我知道這也涉及到了解CSS，但我正在尋找的是使用最簡單的CSS理解這一點......開發人員可以使用這些東西從那裏演化。

Answer 1

說到角度動畫，year of moo是你最好的朋友。這是ngAnimate Matias Niemela作者的博客。

我想這個職位開始：Remastered Animation in AngularJS 1.2，但檢查出像Staggering Animations in AngularJS和others他的其他帖子。

Remastered Animation in AngularJS 1.2確實涵蓋了99％的角度動畫需要了解的內容，並提供了有關CSS轉換，CSS關鍵幀動畫以及JavaScript動畫的解釋和示例，以及支持所有內置Angular指令的JavaScript動畫包括：ngView，ngInclude，ngIf，ngSwitch，ngClass，ngShow，ngHide以及如何將其應用到您自己的自定義指令中。