Bug with transform: scale and overflow: hidden in Chrome

Question

Working with CSS3 property transform: scale, I found interesting issue. I wanted to make a little zoom effect for pictures. But when I used for the parent div <

Answer 1

Both ways of solving this issuer worked fine:

1. Add the following line to a parent wrapper (z-index: 0 is not necessary for the image itself): position: relative; z-index: 10

2. Or add transform: translateZ(0); to a parent wrapper (with the corresponding prefixes for better browser support)