Streaming live at 10am (PST)

Webflow Scaling Elements


#1

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
- 2) This is an the 2nd bullet point
- 3) 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.


#2