How can I make a ui gradient affect only a portion of the parent?

Help and Feedback Building Support
,
#1

So when you put a ui gradient into something and do whatever with the properties, it affect the whole thing, like this:

image
image1920×698 24.6 KB

If I could just like trim down the vertical length, to like a square, that would be so awesome.
I’m thinking of using more canvas groups with ui gradients but It’s not working out.

1 Like
Is it possible to put a hole in a surface gui?
#2

Your CanvasGroup hack is the only way to “crop” something on both X and Y axis. Beware, it will use more memory

1 Like
#3

yeah but like how, how do I do it?
303030303

1 Like
#4

ViewportFrames in CanvasGroups, as mentioned, is not the best combo you should have, but here’s a sample place file for you:
file.rbxm (13.1 KB)

It uses 2 gradients