Streaming live at 10am (PST)

Webflow Scaling Elements

Animation Style Feature Style

It appears… elements when scaled

  • are scaled based on the original position.

So… for Example:

If you have an image at XY Position 10 x 10

  • you then move the image 100 pixels down (vertical) the screen
  • then scale the image up to any number…

The image will scale based on position 10 x10…

  • instead of 10 x 110

This is not really a bug - I’m guessing “this is how it was built”

  • it would be nice to keep this feature - but also to have a reposition feature as well.

This would be more of an animation request.

For example:

  • reposition the element to another coordinate
  • via an interaction
  • and have the new XY position set as “the origin” (ie: the old origin no longer exists).

A working example would be:

I have 3 bullet points on the screen.

    1. This is an the 1st bullet point
    1. This is an the 2nd bullet point
    1. This is an the 3rd bullet point

I would position the an icon at the 1st bullet point via an interaction

  • then move the bullet point to the 2nd… then 3rd… etc

I can currently do this… but the problem is

  • if I scale the icon - it’s based on it’s original XY position… which is left to the 1st bullet point.

Following a “reposition idea”… I would:

  • display the icon next to the 1st bullet point

  • move the icon via an interaction to the 2nd bullet point

  • reset the origin at the 2nd bullet point

  • perform a scale up, then a scale down

  • move the icon via an interaction to the 3rd bullet point

  • reset the origin at the 3rd bullet point

  • perform a scale up, then a scale down

  • move the icon via an interaction to the 1st bullet point

  • reset the origin at the 1st bullet point

  • perform a scale up, then a scale down

and loop… obviously with some “wait points” between the repositions.