Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-03 20:34:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

for non-3d browsers, use fade instead of flip

Browse source
This commit is contained in:
scottjehl 2012-01-04 17:31:00 +07:00
parent f72eb291f6
commit 5e0d37dfa8
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/structure/jquery.mobile.transitions.css
View file

@ -271,6 +271,28 @@ Built by David Kaneda and maintained by Jonathan Stark.
}
/* for non-3d supporting browsers, use fade */
.ui-unsupported-csstransform3d .flip.out,
.ui-unsupported-csstransform3d .flip.out.reverse {
z-index: 0;
opacity: 0;
-webkit-animation-duration: 150ms;
-webkit-animation-name: fadeout;
-moz-animation-duration: 150ms;
-moz-animation-name: fadeout;
}
.ui-unsupported-csstransform3d .flip.in,
.ui-unsupported-csstransform3d .flip.in.reverse {
opacity: 1;
z-index: 10;
-webkit-animation-duration: 300ms;
-webkit-animation-name: fadein;
-moz-animation-duration: 300ms;
-moz-animation-name: fadein;
}
@-webkit-keyframes flipinfromright {
from { -webkit-transform: rotateY(-180deg) scale(.8); }
to { -webkit-transform: rotateY(0) scale(1); }