How do I make transformation stay in place

Hello,
Can anyone tell me how to make the red box stay in its place and only expanding in the bottom right when it’s hovered on?
Here’s the code: https://codepen.io/VeljkoCukic/pen/jOWPGWx
Thanks!

Hello there,

You have a syntax error in your code:

 content="";

In terms of keeping the “box in its place”, I assume you mean something like the centre of mass remaining in the same place, in which case, use the translate function of transform to move the box up as it is scaled.

Hope this helps

1 Like