From 5e862b60bad536a4e3ea40127d228f435c441836 Mon Sep 17 00:00:00 2001 From: scottjehl Date: Mon, 9 Jan 2012 21:24:09 +0700 Subject: [PATCH] changed up the timing and origin --- css/structure/jquery.mobile.transitions.flow.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/structure/jquery.mobile.transitions.flow.css b/css/structure/jquery.mobile.transitions.flow.css index 1a3c2eda..e87fc76c 100644 --- a/css/structure/jquery.mobile.transitions.flow.css +++ b/css/structure/jquery.mobile.transitions.flow.css @@ -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 {