Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make form-flip (likes card-flip effect) on a web technologies

http://www.dailyliquordeals.net/

How to make a card flip effect like this.

enter image description here

after sign up completed, it will flip to the other side with fliping transitional effect.

enter image description here

like image 779
Sarawut Positwinyu Avatar asked Jan 16 '23 16:01

Sarawut Positwinyu


1 Answers

One option is to use Flip! JQuery plugin:

  • http://lab.smashup.it/flip/

It seems to be quite nice and easy to use. It is compatible with almost all browsers: Firefox, Chrome/Chromium, Opera, Safari and even IE (6,7,8).


Another option is Flippy JQuery plugin:

  • http://blog.guilhemmarty.com/flippy/

It is also good and rather flexible. However it uses canvas to make effects and is not compatible with IE 6-8. You should use extra excanvas.js script to make it work in IE.

like image 50
VisioN Avatar answered Jan 30 '23 19:01

VisioN