Change Size of a DIV from bottom left to top right

Hi,

Under Projects I have included a slider with a div with position Absolute. By clicking on the Lottie animation the size of the DIV should change to width: 50% and height: 50%. This also works, but the size changes from top and right to bottom because I have positioned it with position absolute at the bottom left. I want it to enlarge from its current position upwards and to the right. I am grateful for any help.

Read-Only-Link: Webflow - Immoplana

Best regards Nico

I’m having difficulty understanding how you’ve set up the interaction and what it’s supposed to do but you might try this:
Select the trouble div and change its point of origin using the Transform settings.


1 Like

Hey, tried it but sadly no changes. I recorded a short loom Video in wich i explain what i wanna achive. The Slider looks a bit weird in the Designer because i did this with custom code.

Video: Webflow Animation Demo 🎥 | Loom

best wishes,
Nico ;)

ok, if i change the unit from % to px in the size interaction then it grows like i want it to grow. Didnt work with % or vw/vh. Any ideas why this do not work with %?

Hallo Nico! I had the same before and I was running crazy with it! :smiley: the thing is that % refers always to the size of the parent and px can properly scale proportionality. What really helped me a lot was to start using Client First system, is a sort of rules of good practices! all the best! Santi

1 Like

btw… are you in Germany? I’m based in Ravensburg!

thx, i found a solution that works fine for me :)

yes, based near Würzburg ;) do you have a website or other channels where i can find you?

You can find me in https://www.instagram.com/bretzelbrand?igsh=MXFlYnduY2FvYnZpaA==

VG!