Odd “shaking” effect when animating width with jQuery (only in Chrome!)

Question

I\'m animating the width of a li element using jQuery in a simple snippet of code. I\'m using hover() as the handler and .animate() to ani

Answer 1

Had similar issue with shaking SVGs when there's a CSS transition applied to parent tag. I tried to apply everything I could randomly, and this fix finally helped:

svg {
  transform: translate3d(0, 0, 0);
}