Image is twitched when it's resized on hover with css transitions in Chrome -

Image is twitched when it's resized on hover with css transitions in Chrome -

i have image link. on hover image zoomed smoothly help of css transitions. when image started/ended zoomed it's twitched. have advices how remove twitching?

in ff ok.

<a href="#"><img src="image.jpg"></a> img { ... max-height: 100px; max-width: 100px; transition: .2s; } a:hover img { max-height: 200px; max-width: 200px; }

sample in jsfiddle

css google-chrome css-transitions