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