Bug with transform: scale and overflow: hidden in Chrome -


working css3 property transform: scale, found interesting issue. wanted make little zoom effect pictures. when used parent div overflow: hidden , border-radius, child div extended beyond of parent div.

update:

problem isn't solved. if add transition, still doesn't work. tried solve issue, without success.

here demo

it's known bug in webkit-based browsers - see #62363. can add border:1px solid transparent; .wrap class workaround problem.

for updated requirement, adding transition element border-radius, that's known chomre/webkit bug #157218. sorry no known general workaround still, although 1 comment on bug says using chrome://flags , using --ignore-gpu-blacklist flag fixes in chrome 29 (which hit chrome dev channel today).


Comments

Popular posts from this blog

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -