Mat Marquis
1f5449e552
Added page turning transition.
2012-01-10 14:10:45 -05:00
toddparker
3da8b6e245
Whitespace
2012-01-10 10:31:36 -05:00
toddparker
fab717a459
Added in drop shadow on pages in "flow" transition, adjusted timing to be longer
2012-01-10 10:29:04 -05:00
scottjehl
75d0d95bea
pulled out the 3D madness
2012-01-10 12:51:27 +07:00
scottjehl
a7e15820d8
changed up the timing and origin
2012-01-10 12:51:05 +07:00
scottjehl
8f5e263bd8
added an experimental 3D transition, "flow"
2012-01-10 12:51:05 +07:00
scottjehl
ffa23bc137
removed rotate transition from concat files and docs
2012-01-10 12:50:53 +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
scottjehl
3271066c97
updated the rotate transition to move the page out of view
2012-01-10 12:50:22 +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
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
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
5e0d37dfa8
for non-3d browsers, use fade instead of flip
2012-01-10 12:48:58 +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
scottjehl
44482cd79c
removed spin because we aren't using it no mo
2012-01-10 12:48:57 +07:00
scottjehl
27f81a0ef0
updated the slide and flip handlers to use combo fade/slide/flip transitions
2012-01-10 12:48:57 +07:00
scottjehl
770979698e
fixed up the pop out transition for outin handler
2012-01-10 12:48:57 +07:00
scottjehl
80b5cad7b8
removed unused image
2012-01-10 12:48:22 +07:00
Todd Parker
ac94b063b0
Loader design tweaks
...
Removed the spin class from the loader container, tweaked opacity and
added slight glow to bottom of loader, increased padding. Downloaded a
fresh loader image.
2012-01-10 12:48:05 +07:00
Todd Parker
71a84e8c62
Add -moz prefixes for initial cut at Firefox transition support
2012-01-10 12:43:11 +07:00
Todd Parker
ae0ad6ff8a
Shorter fade out (150ms) and fade in (300ms) for speedier transitions.
2012-01-10 12:43:11 +07:00
Todd Parker
cbcc523e64
Faster spinner animation
...
Was 4ms per frame, now 3ms.
2012-01-10 12:43:11 +07:00
scottjehl
1bae528dc0
no need for pre-transition class
2012-01-10 12:43:10 +07:00