3 -webkit-animation-name: fadeout;
4 -moz-animation-name: fadeout;
5 -webkit-animation-duration: 100ms;
6 -moz-animation-duration: 100ms;
10 -webkit-transform: translateY(0);
11 -webkit-animation-name: slideinfrombottom;
12 -moz-transform: translateY(0);
13 -moz-animation-name: slideinfrombottom;
14 -webkit-animation-duration: 250ms;
15 -moz-animation-duration: 250ms;
19 -webkit-animation-name: fadein;
20 -moz-animation-name: fadein;
21 -webkit-animation-duration: 150ms;
22 -moz-animation-duration: 150ms;
25 .slideup.out.reverse {
26 -webkit-transform: translateY(100%);
27 -moz-transform: translateY(100%);
28 -webkit-animation-name: slideouttobottom;
29 -moz-animation-name: slideouttobottom;
30 -webkit-animation-duration: 200ms;
31 -moz-animation-duration: 200ms;
34 @-webkit-keyframes slideinfrombottom {
35 from { -webkit-transform: translateY(100%); }
36 to { -webkit-transform: translateY(0); }
38 @-moz-keyframes slideinfrombottom {
39 from { -moz-transform: translateY(100%); }
40 to { -moz-transform: translateY(0); }
43 @-webkit-keyframes slideouttobottom {
44 from { -webkit-transform: translateY(0); }
45 to { -webkit-transform: translateY(100%); }
47 @-moz-keyframes slideouttobottom {
48 from { -moz-transform: translateY(0); }
49 to { -moz-transform: translateY(100%); }