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

Added in drop shadow on pages in "flow" transition, adjusted timing to be longer

Browse source
This commit is contained in:
toddparker 2012-01-10 10:29:04 -05:00
parent e35327c894
commit fab717a459
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/structure/jquery.mobile.transitions.flow.css
View file

@ -2,27 +2,30 @@
.flow {
-webkit-transform-origin: 50% 30%;
-moz-transform-origin: 50% 30%;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.flow.out {
-webkit-transform: translateX(-100%) scale(.7);
-webkit-animation-name: flowouttoleft;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 400ms;
-moz-transform: translateX(-100%) scale(.7);
-webkit-animation-duration: 500ms;
-moz-transform: translateX(-100%) scale(.7);
-moz-animation-name: flowouttoleft;
-moz-animation-timing-function: ease;
-moz-animation-duration: 400ms;
-moz-animation-duration: 500ms;
}
.flow.in {
-webkit-transform: translateX(0) scale(1);
-webkit-animation-name: flowinfromright;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 300ms;
-webkit-animation-duration: 400ms;
-moz-transform: translateX(0) scale(1);
-moz-animation-name: flowinfromright;
-moz-animation-timing-function: ease;
-moz-animation-duration: 300ms;
-moz-animation-duration: 400ms;
}
.flow.out.reverse {