Set CSS3 transition properties on elements when they have the 'animate' class. This reduces the flash of the 'to' page on iOS.

Author: jblas

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;