I'm attempting to design an HTML layout that mimics the page flip animation seen on Flipboard.
Initially, I considered using jQuery libraries to achieve this effect, but none of them offer all the necessary features. For instance, one library like BookBlock relies on CSS transitions for the animation, making it difficult to control the flipping motion manually.
After conducting some research, I came across an impressive demo showcased here, which closely resembles what I was envisioning. However, the pages flip horizontally like a book, whereas I require a vertical flip from bottom to top.
I've spent several hours trying to manipulate the CSS and JavaScript properties in the demo without much success in altering the page flip direction as desired.
I don't expect anyone to write code for me, but I would greatly appreciate guidance or alternative suggestions to help steer me in the right direction.