SVG Scaling - Transform Origin

[dxc 1 Likes (Newbie)]

I can't seem to figure out how I'd set the transform point so that I could have it scale from the right, bottom, etc. Thanks!

 

- Lance

See the Pen EaYdEx by anon (@anon) on CodePen

[dxc 1 Likes (Newbie)]

Oh, turns out it's super easy.  transformOrigin:"65px 77px"

[Carl 11,164 Likes (Superhero)]

Glad you figured it out.

Be sure to read this article that explains how GSAP allows you to use transformOrigin with percents and pixels across IE, Safari, Chrome and FireFox:

http://css-tricks.com/svg-animation-on-css-transforms/