Grow your CSS skills. Land your dream job.

CSS3 Skew + shadow: Chrome bug

  • # March 19, 2013 at 2:43 pm

    Hi there,

    I need Your help. I’d like to create a site with containers with rotated backgrounds.
    Everything seems perfect in FF and Opera, but in Chrome and on Android devices it’s pixelated: [CodePen](http://codepen.io/antivirtuoz/pen/ovqwp “http://codepen.io/antivirtuoz/pen/ovqwp”).
    (Without shadow I don’t see any problem.)
    Please, help and tell me why it is so awful in Chrome.
    Thank You,

    Antivirtuoz

    # March 20, 2013 at 6:08 am

    I think it’s a subpixel issue with the way Chrome renders inset shadows. Not much you can do about it AFAIK.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".