mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-04-07 08:00:58 +00:00
0edc6271a5
- Introduced a class (nofade) which is similar to dontmove for overwriting the fade in/out classes. We're not scoping all classes to with supported or not like in flip so we need to negate the fade rules with a new animation - Added a selector block at the top to lengthen all slide animations to 300ms to reduce blinkiness on Android. Shorter caused animations to break out of sequence. Needs refinement on timing. - Added rules to apply the "nofade" classes to the replace the fade in/out animations for non-3D browsers. Had to set the duration equal to the slide animations to keep it all in sync.
32 lines
No EOL
690 B
CSS
32 lines
No EOL
690 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;
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes nofade {
|
|
from { opacity:1; }
|
|
to { opacity:1; }
|
|
}
|
|
@-moz-keyframes nofade {
|
|
from { opacity:1; }
|
|
to { opacity:1; }
|
|
} |