Hello Readers , here is a simple blog on flipping effect horizontally and vertically using jquery flip() method on mouse hover. On mouse hover image will flip and we will see some text in a div having background color. For this make a html file, a css file and a jquery file.
Step 1: Make a file named index.html and copy the below written code in that file.
Comment: Here I have used jquery flip function to flip image .By defaut this method flip your image horizontally, therefore flip-horizontally div will flip horizontally on mouse hover. To make your div flip vertically , I gave argument axis: x, and image will flip vertically on mouse hover.