Hi! im currently stumped on how to make something. I need to make a frame with rounded corners and a gradient border. I was thinking I could use images but idk how to do that while having dynamic color and size. I provided a mock-up I made in Figma below.
Here is what I have tried in Roblox. The problem is that the white part in not trasparent.
I realized I could use uistroke. still not gradient tho
The only thing I can think of is make it in photoshop, make the color all white and then have a uigradient
You can add a UIGradient instance within a UIStroke colored white to apply a gradient to just the outline:
I don’t know if that would work if the fill color is also affected by another UIGradient, though.
I’m calling it: All of our problems would disappear if Roblox were to just replace ClipsDescendants with a proper Clipping Masks system…
I don’t think you’ll ever get the desired result with just UI elements though. Transparency is notoriously difficult to work with alongside UIGradients…
1 Like
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.