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

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -