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

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