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

changed up the timing and origin

Browse source
This commit is contained in:
scottjehl 2012-01-09 21:24:09 +07:00
parent 43b5537d5b
commit 5e862b60ba
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,24 +1,28 @@
/* flow transition */
.flow {
-webkit-transform-origin: 30% 30%;
-moz-transform-origin: 30% 30%;
-webkit-transform-origin: 50% 30%;
-moz-transform-origin: 50% 30%;
}
.flow.out {
-webkit-transform: translateX(-100%) scale(.7) translateZ(-200px) perspective(900) rotateX(30deg);
-webkit-animation-name: flowouttoleft;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 500ms;
-moz-transform: translateX(-100%) scale(.7) translateZ(-200px) perspective(900) rotateX(30deg);
-moz-animation-name: flowouttoleft;
-moz-animation-timing-function: ease;
-moz-animation-duration: 500ms;
}
.flow.in {
-webkit-transform: translateX(0) scale(1) translateZ(0) perspective(900) rotateX(0);;
-webkit-animation-name: flowinfromright;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 400ms;
-moz-transform: translateX(0) scale(1) translateZ(0) perspective(900) rotateX(0);;
-moz-animation-name: flowinfromright;
-moz-animation-timing-function: ease;
-moz-animation-duration: 400ms;
}
.flow.out.reverse {