Objects are not scaling from their mid-point

Design help General
1

preview link:
https://preview.webflow.com/preview/lawoon-landing-page?preview=bf96a25ce14b29aa05230a6d54afc2b3

There is some weird animation behaviour happening. Check out the orange section with the little icons.

2504×1514 222 KB

What I want to happen:

  • The little icons should drop down from above when scrolling to the section. Simultaneously they should scale to 1.5 x and y.
  • Then they should “bounce” up and down in a loop.

Somehow the elements scale from the middle of the page, and not from their own center. Is this intended or a bug? How do I get them to scale from their own center and not the pages center?

I’m thankful for your help!

1358×1240 94.3 KB

1358×1240 66.6 KB

2

Solved it myself. The interaction was applied to another div as well …

3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.