Goodbye, Layout Invalidation: Animating SVGs With CSS Transforms | Charlie Marsh<div style="transform:translate(2px, 3px)"> <svg> <circle fill="red"></circle> </svg> </div> <div style="transform:scale(2)"> <svg> <circle fill="blue"></circle> </svg> </div> Under this scheme, we'd regain all the benefits of cheap animation: as the browser is merely applying linear transforms to vanilla DOM nodes, there'd be no layout or painting required. Better yet: CSS Transforms are GPU acce
