Commit graph

271 commits

Author SHA1 Message Date
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