CSS Border radius not trimming image on Webkit

Here’s a workaround that will fix the current chrome bug:

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

This won’t affect the display at all (unlike the opacity:0.99 workaround – which is great workaround, too, by the way).

Leave a Comment