backbone.stackview/backbone.stackview.css at master · padge/backbone.stackview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(0); }
}
.animated.slideInLeft {
  -webkit-animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
  from { -webkit-transform: translateX(0); }
  to { -webkit-transform: translateX(-100%); }
}
.animated.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
}

@-webkit-keyframes slideInRight {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(0); }
}
.animated.slideInRight {
  -webkit-animation-name: slideInRight;
}

@-webkit-keyframes slideOutRight {
  from { -webkit-transform: translateX(0); }
  to { -webkit-transform: translateX(100%); }
}
.animated.slideOutRight {
  -webkit-animation-name: slideOutRight;
}

@-webkit-keyframes slideInBottom {
  from { -webkit-transform: translateY(100%); }
  to   { -webkit-transform: translateY(0); }
}
.animated.slideInBottom {
  -webkit-animation-name: slideInBottom;
}

@-webkit-keyframes slideOutBottom {
  from { -webkit-transform: translateY(0); }
  to   { -webkit-transform: translateY(100%); }
}
.animated.slideOutBottom {
  -webkit-animation-name: slideOutBottom;
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
}