Permalink
Browse files

Set CSS3 transition properties on elements when they have the 'animat…

…e' class. This reduces the flash of the 'to' page on iOS.
  • Loading branch information...
1 parent 6b6b4f3 commit 3704a076e91f6906d4e910c2da987394c18515d0 @jblas jblas committed Aug 23, 2011
Showing with 5 additions and 3 deletions.
  1. +5 −3 themes/default/jquery.mobile.transitions.css
@@ -15,7 +15,7 @@
to {-webkit-transform: rotate(360deg);}
}
-.in, .out {
+.in.animate, .out.animate {
-webkit-transition: 350ms ease-in-out;
-moz-transition: 350ms ease-in-out;
-o-transition: 350ms ease-in-out;
@@ -162,11 +162,14 @@
}
.flip {
- -webkit-transition-duration: .65s;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
}
+.flip.in.animate, .flip.out.animate {
+ -webkit-transition-duration: .65s;
+}
+
.flip.in,
.flip.out.reverse.animate {
-webkit-transform: rotateY(180deg) scale(.8);
@@ -195,7 +198,6 @@
z-index: 0;
}
-
.pop.animate {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;

0 comments on commit 3704a07

Please sign in to comment.