diff --git a/themes/default/jquery.mobile.core.css b/themes/default/jquery.mobile.core.css index e82f2708..9ee7a70d 100644 --- a/themes/default/jquery.mobile.core.css +++ b/themes/default/jquery.mobile.core.css @@ -17,7 +17,7 @@ .landscape { } /* "page" containers - full-screen views, one should always be in view post-pageload */ -.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; -webkit-backface-visibility:hidden; border: 0; } .ui-page-active { display: block; overflow: visible; } /* loading screen */ diff --git a/themes/default/jquery.mobile.transitions.css b/themes/default/jquery.mobile.transitions.css index dc0ecad9..46423829 100644 --- a/themes/default/jquery.mobile.transitions.css +++ b/themes/default/jquery.mobile.transitions.css @@ -134,6 +134,47 @@ Built by David Kaneda and maintained by Jonathan Stark. z-index: 0; } +.flip { + -webkit-animation-duration: .65s; +} + +.flip.in { + -webkit-animation-name: flipinfromleft; +} + +.flip.out { + -webkit-animation-name: flipouttoleft; +} + +/* Shake it all about */ + +.flip.in.reverse { + -webkit-animation-name: flipinfromright; +} + +.flip.out.reverse { + -webkit-animation-name: flipouttoright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} /* Hackish, but reliable. */