How can I do this effect

I have seen this effect in many popular games where if you hover over a UI Frame it moves the frame next to it a bit further.

Video Example of what I mean

Can anyone please help me do this? Thanks


Using TweenService would get the job done.

You can insert an “UIScale” instance inside the element, then tween the “Scale” value with “TweenService” on mouse events, the instance can be an ImageButton, TextButton etc.

If the “Scale” value is 1.2 then the button will be 20% larger and if its 0.8 then its 20% smaller.

1 Like