Flipping an image with jQuery
Before you tune out and label this as a dreadful question, please listen, I am aware that there are many Jquery plugins that flip images / content. My problem however involves something a little more difficult.
My problem is that a client wants their logo to constantly flip at a slow rate (this is not much of a problem) but when the logo is flipped halfway, instead of the image having 0 width they want the logo to appear a little "3D" so that when you are viewing it head on, it actually has a width.
I've googled around a bit but really can't seem to find a plug-in that achieves this, is it even possible?
If you're having trouble visualising what I mean when I say flip, see this demo
So we ended up using jquery reel to accomplish this (why we didn't think of sprites earlier I'll never know!)
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here