mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-04-14 11:21:02 +00:00
added flip back in. seems to be a little better now
This commit is contained in:
parent
fc397cd418
commit
9afffcf645
2 changed files with 42 additions and 1 deletions
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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. */
|
||||
|
|
|
|||
Loading…
Reference in a new issue