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

   1 @import url("jquery.mobile.transition.fade.css");
   2 @import url("jquery.mobile.transition.slideout.keyframes.css");
   3
   4 .slidefade.out {
   5         -webkit-transform: translateX(-100%);
   6         -webkit-animation-name: slideouttoleft;
   7         -moz-transform: translateX(-100%);
   8         -moz-animation-name: slideouttoleft;
   9         -webkit-animation-duration: 225ms;
  10         -moz-animation-duration: 225ms;
  11 }
  12
  13 .slidefade.in {
  14         -webkit-transform: translateX(0);
  15         -webkit-animation-name: fadein;
  16         -moz-transform: translateX(0);
  17         -moz-animation-name: fadein;
  18         -webkit-animation-duration: 200ms;
  19         -moz-animation-duration: 200ms;
  20 }
  21
  22 .slidefade.out.reverse {
  23         -webkit-transform: translateX(100%);
  24         -webkit-animation-name: slideouttoright;
  25         -moz-transform: translateX(100%);
  26         -moz-animation-name: slideouttoright;
  27         -webkit-animation-duration: 200ms;
  28         -moz-animation-duration: 200ms;
  29 }
  30
  31 .slidefade.in.reverse {
  32         -webkit-transform: translateX(0);
  33         -webkit-animation-name: fadein;
  34         -moz-transform: translateX(0);
  35         -moz-animation-name: fadein;
  36         -webkit-animation-duration: 200ms;
  37         -moz-animation-duration: 200ms;
  38 }