Wednesday, December 26, 2012

Reduce query page transition time.

Go to the Jquery mobile css file.

find .in and .out in the css. you can see the below code
.in {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 350ms;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 350ms;
}
.out {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 225ms;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 225ms;
}


 and reduce the time 350ms to 10ms or as you want in these css like below.

.in{-webkit-animation-timing-function:ease-out;
-webkit-animation-duration:10ms;
-moz-animation-timing-function:ease-out;
-moz-animation-duration:10ms
}
.out{-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:10ms;
-moz-animation-timing-function:ease-in;
-moz-animation-duration:10ms
}

I hope this will help you.:)
cheers...