Using -webkit-perspective makes the elements pixelated on zoom-in

[mladengorchev]

Hi there,

First thanks for the great work you have done!

I am trying to implement your plugin on a project I'm working on http://dev.mladengorchev.com/book_viewer/ , and it works great, except one thing.

On -webkit- browsers when I use the css "perspective" property and when I zoom-in (click on the book) it actually stays pixelated. I understand that this is not an issue with your plugin, however I don't know who else to ask for help...

If you open the above link in Firefox, it works fine. I've read that it might be because of the hardware acceleration, but I couldn't fix it....

Thank you! Deni

[milos12345]

Try to doing something like .book { width:2000px; height:1000px; -ms-transform: scale(0.2,0.2); /* IE 9 / -webkit-transform: scale(0.2,0.2); / Safari */ transform: scale(0.2,0.2); } then when it is zoomed in it will stay sharp. I know it is an improvisation but when I was making my own website that was the only way