From 4b9805aeef34f2f6107f4e5f41990771d94fcca5 Mon Sep 17 00:00:00 2001 From: Geoffrey Frogeye Date: Fri, 10 Apr 2015 21:46:41 +0200 Subject: [PATCH] Animations différentes selon repetition ou non --- public/css/style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 72e6c6b..ab1ab8b 100644 --- a/public/css/style.css +++ b/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 -- libgit2 0.21.2