Animations différentes selon repetition ou non

Geoffrey PREUD'HOMME
1 parent 3597886c
Showing 1 changed file with 13 additions and 3 deletions Show diff stats
public/css/style.css
@@ -10,16 +10,26 @@ body {
     display: block;
 }
-.ng-enter {
+[ng-repeat].ng-enter {
     -webkit-animation: fadeInLeft 0.5s;
     animation: fadeInLeft 0.5s;
 }
-.ng-leave {
+[ng-repeat].ng-leave {
     -webkit-animation: fadeOutLeft 0.5s;
     animation: fadeOutLeft 0.5s;
 }
+[ng-if].ng-enter {
+    -webkit-animation: zoomIn 0.5s;
+    animation: fadeInLeft 0.5s;
+}
+
+[ng-if].ng-leave {
+    -webkit-animation: zoomOut 0.5s;
+    animation: fadeOutLeft 0.5s;
+}
+
 body > .container {
     position: relative;
 }
@@ -48,4 +58,4 @@ table .ng-enter {
 table .ng-leave {
     -webkit-animation: fadeOutLeft 0.5s;
     animation: fadeOutLeft 0.5s;
 -}
+}
 \ No newline at end of file