Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-22 07:04:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

A few more slide tweaks, still blinky or skips frames in unpredictable ways

Browse source
This commit is contained in:
toddparker 2012-01-04 14:01:45 -05:00 committed by scottjehl
parent 0edc6271a5
commit 9531ff46f8
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
css/structure/jquery.mobile.transitions.slide.css
View file

@ -6,10 +6,8 @@
.slideup.out.reverse,
.slidedown.in,
.slidedown.in.reverse {
-webkit-animation-duration: 300ms;
-moz-animation-duration: 300ms;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-webkit-animation-duration: 350ms;
-moz-animation-duration: 350ms;
}
/* in non-3D browsers, get rid of the fade in animation */
@ -19,9 +17,11 @@
.ui-unsupported-csstransform3d .slidedown.in.reverse {
z-index:10;
-webkit-animation-name: nofade;
-webkit-animation-duration: 300ms;
-webkit-animation-duration: 350ms;
-webkit-animation-name: nofade;
-moz-animation-name: nofade;
-moz-animation-duration: 300ms;
-moz-animation-duration: 350ms;
-moz-animation-timing-function: ease-in-out;
}
/* in non-3D browsers, get rid of the fade out animation */
@ -30,7 +30,11 @@
{
z-index:0;
-webkit-animation-name: nofade;
-webkit-animation-duration: 300ms;
-webkit-animation-duration: 350ms;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: nofade;
-moz-animation-duration: 350ms;
-moz-animation-timing-function: ease-in-out;
}
/* slide */