How can I make a Frame tween behind a Frame and become invisible?

Help and Feedback Scripting Support
#1

I am currently making a Leaderboard, and I have a division sort of beat going on here.

image

So basically, when a mouse enter’s the player’s frame, the divisions will show, as in the picture above. However, this is the problem I run in to:

lb2

I am looking for the division part to be invisible once it goes behind the player’s frame. Is there any way to fix this? I know that I can make the frame visible/invisible, but I was wondering is there a better solution to this. I have tried ZIndex, and it doesn’t work because the frame is transparent.

1 Like
#2

You can utilize the ‘ClipsDescendants’ property of a frame. Use a frame as a parent to the icons, position the frame offset (where you want it) and then simply tween the Icons to the right of the frame.

This will hide the icons as they move outside the confines of the frame.

You can reference more details here: GuiObject | Documentation - Roblox Creator Hub

Best of luck!

1 Like