AnimateJS

【AngularJS】Animate.jsを用いてアニメーションさせる。

まずは本体を読み込む。

<link href="animate.css" rel="stylesheet" />

cssを下記の通り定義してみる。

[ng-view].ng-enter {
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
}

全アニメーション一覧は下記URLを参照。

http://daneden.github.io/animate.css/