diff --git a/themes/default/jquery.mobile.transitions.css b/themes/default/jquery.mobile.transitions.css
index 0c36a139..0ea9f54a 100644
--- a/themes/default/jquery.mobile.transitions.css
+++ b/themes/default/jquery.mobile.transitions.css
@@ -144,6 +144,16 @@ Built by David Kaneda and maintained by Jonathan Stark.
 	z-index: 0;
 }
 
+/* The properties in this body rule are only necessary for the 'flip' transition.
+ * We need specify the perspective to create a projection matrix. This will add
+ * some depth as the element flips. The depth number represents the distance of
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
+ * value.
+ */
+body {
+	-webkit-perspective: 1000;
+}
+
 .flip {
 	-webkit-animation-duration: .65s;
 }