scottjehl
ffa23bc137
removed rotate transition from concat files and docs
2012-01-10 12:50:53 +07:00
scottjehl
d1edb4f98c
better comment
2012-01-10 12:50:44 +07:00
scottjehl
0dd88f4f88
implemented fallback transition definitions for non-3D-supporting browsers, for all transitions except "fade". By default, these are all set to fall back to "fade", and they'll fall back to "none" if 3D is unsupported and no fallback is defined. They can be overridden at mobileinit, like any other jQM default.
2012-01-10 12:50:44 +07:00
scottjehl
fd700aaa15
removed the experimental rotate transition
2012-01-10 12:50:33 +07:00
scottjehl
40d9fa978a
split the slide transitions into 3 files for slide, slidedown, and slideup
2012-01-10 12:50:33 +07:00
scottjehl
86e9c9df68
removed fallback transition CSS for non-3D browsers
2012-01-10 12:50:22 +07:00
Mat Marquis
0b80c12778
Updated page transition scripting/support test to allow for Firefox.
2012-01-10 12:50:22 +07:00
scottjehl
b019e01201
updated docs to describe the maxTransitionWidth option.
2012-01-10 12:50:22 +07:00
scottjehl
69558f2cbd
Added a new core option called maxTransitionWidth, which defaults to 1000. Accepts any number or false value. If it's not false, the handler will use a "none" transition when the window width is wider than the specified value. This is useful because transitions get very wonky on wider screens.
2012-01-10 12:50:22 +07:00
scottjehl
3271066c97
updated the rotate transition to move the page out of view
2012-01-10 12:50:22 +07:00
scottjehl
c39cf6e6bc
updated docs page to describe the new transition handler and how it works.
2012-01-10 12:50:21 +07:00
scottjehl
70ef725952
removed "none" transition handler from Nav.js. Updated the new out-in transition handler so that it supports "none" transitions in addition to our new default css3 animation sequence. The new transition handler is set as the default, and available publicly as $.mobile.defaultTransitionHandler and $.mobile.transitionHandlers["default"].
2012-01-10 12:50:21 +07:00
scottjehl
22162fd5e7
removed z-index rules, no longer needed
2012-01-10 12:50:21 +07:00
scottjehl
11848a6829
z index not needed
2012-01-10 12:50:21 +07:00
scottjehl
f6ec2436b7
brought back a full flip transition for 3d supporting browsers, using 90deg pairs. Needs further testing
2012-01-10 12:50:21 +07:00
scottjehl
7341d7c9d0
whitespace
2012-01-10 12:50:21 +07:00
scottjehl
7be58bc085
removed or moved opacity rules for simpler cascade
2012-01-10 12:50:21 +07:00
scottjehl
9d2f96fc91
removed z-index rules, as pages no longer overlap in transitions
2012-01-10 12:50:21 +07:00
toddparker
74a8f2c2c3
Moved non-3D rules to the bottom to hide the ugliness
...
Rule order doesn't seem to matter because of specificity.
2012-01-10 12:50:21 +07:00
toddparker
6ddc8c0e9d
First cut at making pop work for non-3D browsers. Still rough, but works.
...
I had to create a new set of basic keyframes for non-3D because we had
opacity baked into our keyframes. As an upside, I could tweak the scale
factor differently between Android (0 > 1) and 3D (0.8 > 1).
2012-01-10 12:50:21 +07:00
toddparker
4d5e2ec437
Slide transition improvements
...
- Switched from opacity to outline for nofade
- Re-vamped the non-3D slides to eliminate blinking
2012-01-10 12:50:21 +07:00
toddparker
9531ff46f8
A few more slide tweaks, still blinky or skips frames in unpredictable ways
2012-01-10 12:50:20 +07:00
toddparker
0edc6271a5
Added "nofade" transition, slide/up/down for non-3D devices
...
- 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.
2012-01-10 12:50:20 +07:00
toddparker
373abd7623
Re-org file, scoped all flip rules to the 3d supported class to avoid android seeing these
...
Cleaned up unsupported rules, added to top of file - needed both fade
in and out rules
2012-01-10 12:50:20 +07:00
scottjehl
81c98eb1e1
updated description of what happens with flip on non 3d
2012-01-10 12:50:20 +07:00
scottjehl
13cdc5d7c4
added a rotate transition, just for fun.
2012-01-10 12:50:20 +07:00
scottjehl
bce5a5a33d
flipped the default timing for in and out - they were backwards
2012-01-10 12:50:06 +07:00
scottjehl
3ec1085b70
removed old comment
2012-01-10 12:50:06 +07:00
scottjehl
c0e635bf72
removed flip in rules, no longer in use
2012-01-10 12:50:06 +07:00
scottjehl
3bf147e10b
cleaned these up so only the right rules are in the right files
2012-01-10 12:50:05 +07:00
scottjehl
3fdaa38bd7
whitespace
2012-01-10 12:50:05 +07:00
scottjehl
d854f81376
moved ui-viewport-transitioning rules into here
2012-01-10 12:50:05 +07:00
scottjehl
5012030885
updated comment to credit jqTouch for original transitions ideas, though these are now quite different
2012-01-10 12:50:05 +07:00
scottjehl
9cd79a6adb
missed slide in the new transitions file split out
2012-01-10 12:50:05 +07:00
scottjehl
c37ad79ed0
updated make and concat files for new transition handler
2012-01-10 12:50:05 +07:00
scottjehl
bc2b4faf0b
renamed the new transition handler transition.js
2012-01-10 12:49:52 +07:00
scottjehl
edfafbf5d7
split transition CSS into separate files.
2012-01-10 12:49:21 +07:00
scottjehl
f31b792096
tweaked scale and duration of some flip and pop transitions
2012-01-10 12:48:58 +07:00
scottjehl
7d34652a07
dontmove is no longer in use
2012-01-10 12:48:58 +07:00
scottjehl
c471857595
not needed, as flip already uses fade now in the "in" transition.
2012-01-10 12:48:58 +07:00
scottjehl
fd236692ea
lowercased
2012-01-10 12:48:58 +07:00
scottjehl
5e0d37dfa8
for non-3d browsers, use fade instead of flip
2012-01-10 12:48:58 +07:00
scottjehl
f72eb291f6
woops. add it whether it's supported or not :)
2012-01-10 12:48:57 +07:00
scottjehl
965f7e2681
add class for 3d transform support
2012-01-10 12:48:57 +07:00
scottjehl
0cafec13bd
fixed a typo in the query
2012-01-10 12:48:57 +07:00
scottjehl
f80d855847
Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported).
2012-01-10 12:48:57 +07:00
toddparker
52c44937e7
Updated -moz out to match
2012-01-10 12:48:57 +07:00
toddparker
3b8e4cb8b6
Broke out the global and in and out transition rules for asymmetric timing
...
Also added duplicate buttons at the booth to test scroll position
smoothness.
2012-01-10 12:48:57 +07:00
scottjehl
949b919abf
rolled that last one back.
2012-01-10 12:48:57 +07:00
scottjehl
ba2da4dac7
a little faster on the fades. needs cleanup later
2012-01-10 12:48:57 +07:00
