nnattawat / flip

A lightweight jQuery plugin to make 3D card flipping animation
Other
624 stars 312 forks source link

Image quality on all browsers but Safari #92

Open sigma-kate opened 8 years ago

sigma-kate commented 8 years ago

See screencast: http://screencast.com/t/lBKgpvAuh

I'm having an issue with image quality on every browser but Safari - the face elements originally load perfectly, then finish page-load with a grainy texture. It seems to be an anti-aliasing issue, but I can't find a fix for it.

If I change flip.js to below - image quality increases, but the flip action no longer works.

    faces.css(faceElementCss).find('*').css({
        //"-webkit-backface-visibility": "hidden",
        //"backface-visibility": "hidden",
        "transform-style": "preserve-3d"
      });