jquery-mobile/css/structure/jquery.mobile.transitions.css

33 lines
757 B
CSS
Raw Normal View History

/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
width: 100%;
height: 100%;
overflow: hidden;
}
.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
}
2012-01-04 11:17:52 +00:00
.out {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 225ms;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 225;
}
/* a dummy transition to override animations in non-3D browsers */
@-webkit-keyframes nofade {
from { outline:0; }
to { outline:0; }
}
@-moz-keyframes nofade {
from { outline:0; }
to { outline:0; }
}