Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

After _considerable_ trial-and-error, this is the best I could manage…

… to get slide transitions working across the Androids. Decent on 2.2, 2.3, and Fire, with only occasional blinking. A little smoother—though still not great and very blinky—on Xoom running 3.0.
  • Loading branch information...
commit b6c12648f15b1fbb81f37738e71333351b84b3dc 1 parent 7bf9ce5
@Wilto Wilto authored
View
32 css/structure/jquery.mobile.transitions.css
@@ -14,13 +14,15 @@
Built by David Kaneda and maintained by Jonathan Stark.
*/
.in, .out {
- -webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
+ -webkit-animation-timing-function: cubic-bezier(.06, .16, .14, .90);
+ -webkit-animation-duration: 500ms;
}
+.slide {
+ left: auto;
+}
.slide.out {
- opacity: 0;
-webkit-animation-name: slideouttoleft;
}
@@ -81,23 +83,29 @@ Built by David Kaneda and maintained by Jonathan Stark.
}
@-webkit-keyframes slideinfromright {
- from { left: 210%; }
- to { left: 0; }
+ 0% { -webkit-transform: translateX(100%) scale(.99); }
+ 100% { -webkit-transform: translateX(0%) scale(1); }
+}
+
+@-webkit-keyframes slideouttoright {
+ 0% { -webkit-transform: translateX(0%) scale(.99); }
+ 100% { -webkit-transform: translateX(100%) scale(1); }
}
@-webkit-keyframes slideinfromleft {
- from { left: -1000px; }
- to { left: 0; }
+ 0% { -webkit-transform: translateX(-100%) scale(.99); }
+ 100% { -webkit-transform: translateX(0%) scale(1); }
}
@-webkit-keyframes slideouttoleft {
- from { opacity: 1; left: auto; right: 0%; }
- to { opacity: 1; left: auto; right: 100%; }
+ 0% { -webkit-transform: translateX(0%) scale(.99); }
+ 100% { -webkit-transform: translateX(-100%) scale(1); }
}
@-webkit-keyframes slideouttoright {
- from { opacity: 1; left: 0; }
- to { opacity: .9; left: 200%; }
+ 0% { left: 1%; }
+ 1% { -webkit-transform: translateX(1%); }
+ 99% { -webkit-transform: translateX(100%); }
}
@-webkit-keyframes slideinfromtop {
@@ -257,4 +265,4 @@ Built by David Kaneda and maintained by Jonathan Stark.
-webkit-transform: scale(.2);
opacity: 0;
}
-}
+}
View
2  docs/pages/page-transitions.html
@@ -125,7 +125,7 @@
<pre><code>
.in, .out {
-webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
+ -webkit-animation-duration: 500ms;
}
</code></pre>
Please sign in to comment.
Something went wrong with that request. Please try again.