libs/js/jquery-mobile-1.1.0/css/structure/jquery.mobile.transition.slidedown.css

   1 /* slide down */
   2 .slidedown.out {
   3         -webkit-animation-name: fadeout;
   4         -moz-animation-name: fadeout;
   5         -webkit-animation-duration: 100ms;
   6         -moz-animation-duration: 100ms;
   7 }
   8
   9 .slidedown.in {
  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;
  16 }
  17
  18 .slidedown.in.reverse {
  19         -webkit-animation-name: fadein;
  20         -moz-animation-name: fadein;
  21         -webkit-animation-duration: 150ms;
  22         -moz-animation-duration: 150ms;
  23 }
  24
  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;
  32 }
  33
  34 @-webkit-keyframes slideinfromtop {
  35     from { -webkit-transform: translateY(-100%); }
  36     to { -webkit-transform: translateY(0); }
  37 }
  38 @-moz-keyframes slideinfromtop {
  39     from { -moz-transform: translateY(-100%); }
  40     to { -moz-transform: translateY(0); }
  41 }
  42
  43 @-webkit-keyframes slideouttotop {
  44     from { -webkit-transform: translateY(0); }
  45     to { -webkit-transform: translateY(-100%); }
  46 }
  47 @-moz-keyframes slideouttotop {
  48     from { -moz-transform: translateY(0); }
  49     to { -moz-transform: translateY(-100%); }
  50 }