Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I just watched a jQuery mobile introductory video featuring the flip transition.
I find it really neat. Is it easy to reproduce the flip effect for desktop browsers without having to use the jQuery mobile library? It is a matter of a few lines of code?
[Note: I’m perfectly fine using jQuery UI.]
You can use CSS3 transitions to animate a flip effect. Here is a demo that you can pull code from: http://css3.bradshawenterprises.com/flip/.
Be aware that vender prefixes for the
transformandtransitionproperties will be necessary to support multiple browsers (-moz-, -o-, -webkit-). I generally detect which vender prefix to use with Modernizr.Here is a list of supported browsers from caniuse.com: http://caniuse.com/#search=transition