LeClubInfo / ci-site2016

Commit 4b9805aeef34f2f6107f4e5f41990771d94fcca5

Authored by Geoffrey PREUD'HOMME
1 parent 3597886c

Animations différentes selon repetition ou non

Showing 1 changed file with 13 additions and 3 deletions   Show diff stats
Inline Side-by-side
public/css/style.css
  Show/Hide comments   View file @4b9805a
... ... @@ -10,16 +10,26 @@ body {
10 10 display: block;
11 11 }
12 12  
13   -.ng-enter {
  13 +[ng-repeat].ng-enter {
14 14 -webkit-animation: fadeInLeft 0.5s;
15 15 animation: fadeInLeft 0.5s;
16 16 }
17 17  
18   -.ng-leave {
  18 +[ng-repeat].ng-leave {
19 19 -webkit-animation: fadeOutLeft 0.5s;
20 20 animation: fadeOutLeft 0.5s;
21 21 }
22 22  
  23 +[ng-if].ng-enter {
  24 + -webkit-animation: zoomIn 0.5s;
  25 + animation: fadeInLeft 0.5s;
  26 +}
  27 +
  28 +[ng-if].ng-leave {
  29 + -webkit-animation: zoomOut 0.5s;
  30 + animation: fadeOutLeft 0.5s;
  31 +}
  32 +
23 33 body > .container {
24 34 position: relative;
25 35 }
... ... @@ -48,4 +58,4 @@ table .ng-enter {
48 58 table .ng-leave {
49 59 -webkit-animation: fadeOutLeft 0.5s;
50 60 animation: fadeOutLeft 0.5s;
51 61 -}
  62 +}
52 63 \ No newline at end of file
... ...