mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-22 08:50:30 +00:00
33b8cb67e0
- Switched from opacity to outline for nofade - Re-vamped the non-3D slides to eliminate blinking
33 lines
No EOL
757 B
CSS
33 lines
No EOL
757 B
CSS
/* 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;
|
|
}
|
|
|
|
.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; }
|
|
} |