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

   1 .pop {
   2         -webkit-transform-origin: 50% 50%;
   3         -moz-transform-origin: 50% 50%;
   4 }
   5
   6 .pop.in {
   7         -webkit-transform: scale(1);
   8         -moz-transform: scale(1);
   9     opacity: 1;
  10         -webkit-animation-name: popin;
  11         -moz-animation-name: popin;
  12         -webkit-animation-duration: 350ms;
  13         -moz-animation-duration: 350ms;
  14 }
  15
  16 .pop.out {
  17         -webkit-animation-name: fadeout;
  18         -moz-animation-name: fadeout;
  19         opacity: 0;
  20         -webkit-animation-duration: 100ms;
  21         -moz-animation-duration: 100ms;
  22 }
  23
  24 .pop.in.reverse {
  25         -webkit-animation-name: fadein;
  26         -moz-animation-name: fadein;
  27 }
  28
  29 .pop.out.reverse {
  30         -webkit-transform: scale(.8);
  31         -moz-transform: scale(.8);
  32         -webkit-animation-name: popout;
  33         -moz-animation-name: popout;
  34 }
  35
  36 @-webkit-keyframes popin {
  37     from {
  38         -webkit-transform: scale(.8);
  39         opacity: 0;
  40     }
  41     to {
  42         -webkit-transform: scale(1);
  43         opacity: 1;
  44     }
  45 }
  46
  47 @-moz-keyframes popin {
  48     from {
  49         -moz-transform: scale(.8);
  50         opacity: 0;
  51     }
  52     to {
  53         -moz-transform: scale(1);
  54         opacity: 1;
  55     }
  56 }
  57
  58 @-webkit-keyframes popout {
  59     from {
  60         -webkit-transform: scale(1);
  61         opacity: 1;
  62     }
  63     to {
  64         -webkit-transform: scale(.8);
  65         opacity: 0;
  66     }
  67 }
  68
  69 @-moz-keyframes popout {
  70     from {
  71         -moz-transform: scale(1);
  72         opacity: 1;
  73     }
  74     to {
  75         -moz-transform: scale(.8);
  76         opacity: 0;
  77     }
  78 }