Notifications

Notification Settings View All
Messages

Compose new Go to Inbox
Sign In

Forgot your password?
Why create an account?
- It's free
- Participate in the forums
- Updates on the products you use
- Exclusive offers and more
Create an Account
My Account
Get GSAP

Jump to content

SVG Scaling - Transform Origin

dxc

By dxc
November 11, 2014 in GSAP

Moderator Tag

×

Share

https://gsap.com/community/forums/topic/10861-svg-scaling-transform-origin/

Sign in to follow this Followers 1

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax.

Recommended Posts

dxc

dxc

Posted November 11, 2014

Posted November 11, 2014

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

dxc

Posted November 11, 2014

Author

Posted November 11, 2014

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

1

Carl

Posted November 11, 2014

Posted November 11, 2014

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/

2

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Share

https://gsap.com/community/forums/topic/10861-svg-scaling-transform-origin/

Sign in to follow this Followers 1

Go to topic listing

Recently Browsing 0 members
- No registered users viewing this page.

×

Leaderboard

×

Create New...