Here is what I want to achive,

Pure image,

![enter image description here](https://i.stack.imgur.com/iduiX.jpg)

Created image,

![enter image description here](https://i.stack.imgur.com/EIVlb.jpg)

I have seen lots of apps doing this (<http://fineartamerica.com/> is one of them), but I was wondering how it can be done?, what kind of method, algorithm or programming language should I use?

I tried that with css3 bu couldn't get a tangible result, and it won't be a cross browser solution, 

-webkit-transform: perspective( 800px ) rotatey( 78deg );

I'm looking for a server side solution.