This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Drew Stock
Posted Mar 10 - Read on Facebook

Any workarounds for scaling up/down from a point other than centerpoint? Koen Bok

5 Comments

Johannes Eckert

Animations have origin property, but for just scaling, I use style.webkitTransformOrigin = "0% 50%"

Koen Bok

And that property is really flexible: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin You can give it exact pixel positions.

Drew Stock

Cool, thanks. Don't fully understand how origin property for animations works. One of you mind directing to/showing a quick one line reference code snippet?

Koen Bok

so you can just do:

someView.animate({
properties: {...},
origin: "20px 50%",
})

Koen Bok

I can even remember someone making a nice example page for origin, but I can't remember who.

Read the entire post on Facebook