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: slideinfromtop;
12 -moz-transform: translateY(0);
13 -moz-animation-name: slideinfromtop;
14 -webkit-animation-duration: 250ms;
15 -moz-animation-duration: 250ms;
18 .slidedown.in.reverse {
19 -webkit-animation-name: fadein;
20 -moz-animation-name: fadein;
21 -webkit-animation-duration: 150ms;
22 -moz-animation-duration: 150ms;
25 .slidedown.out.reverse {
26 -webkit-transform: translateY(-100%);
27 -moz-transform: translateY(-100%);
28 -webkit-animation-name: slideouttotop;
29 -moz-animation-name: slideouttotop;
30 -webkit-animation-duration: 200ms;
31 -moz-animation-duration: 200ms;
34 @-webkit-keyframes slideinfromtop {
35 from { -webkit-transform: translateY(-100%); }
36 to { -webkit-transform: translateY(0); }
38 @-moz-keyframes slideinfromtop {
39 from { -moz-transform: translateY(-100%); }
40 to { -moz-transform: translateY(0); }
43 @-webkit-keyframes slideouttotop {
44 from { -webkit-transform: translateY(0); }
45 to { -webkit-transform: translateY(-100%); }
47 @-moz-keyframes slideouttotop {
48 from { -moz-transform: translateY(0); }
49 to { -moz-transform: translateY(-100%); }