I know this was raised a couple of years ago but I haven’t seen anything about it since or any response from the unity team. Is there any chance we could get an update to uss files that allow us to add gradients to background colors and images? I’d really like to be able to do something like this: b…

[image] HugoBD-Unity: The current workaround would be to use the Mesh API. Here’s a sample: class SolidQuad : VisualElement { public SolidQuad() { generateVisualContent += OnGenerateVisualContent; } static readonly Vertex[] k_Vertices = new Vertex[4]; …

Are you using overflow:hidden to clip the corners? If so, then it’s going to be this way because it’s using the stencil to perform the clipping. You should add an edge around your mesh shape to fade the alpha out.

[image] AlexandreT-unity: Are you using overflow:hidden to clip the corners? If so, then it’s going to be this way because it’s using the stencil to perform the clipping. You should add an edge around your mesh shape to fade the alpha out. Yes, without overflow:hidden the container is just sq…

[image] apostle: I have been trying to replicate this and it works just fine with 4 vertices, but when i am trying to add more I do not get any mesh rendered or only some strange shapes private readonly Vertex[] _vertices = new Vertex[5]; private readonly ushort[]_indices = { 0, 4, 1, 1…

An alternative would be to use Painter2D: static void GenerateVisualContent(MeshGenerationContext mgc) { var p = mgc.painter2D; p.strokeGradient = new Gradient { alphaKeys = new[] { new GradientAlphaKey(1, 0), new GradientAlphaKey(1, 1) }, colorKeys = new[] { new Gradien…

If it is useful to someone. Here is a more advanced version, where you can specify the number of colors, direction, intensity, but it only works through code. Definitely works in Unity 6, I did not look at earlier versions. using System.Collections.Generic; using UnityEngine; using UnityEngine.UI…

I see that Unity 6.3 brings custom shaders and filters ( Unity - Manual: USS filter ). So the fundamentals seems to be in place to implement linear-gradient in USS. I am looking for a solution that works in USS and also in USS animations / transitions. For example, I want to create a button with …

Damn, the lack of built-in gradients in a web-like tool at the end of 2025 is insane…

USS gradients (linear-gradient) and image gradients

Unity Engine

keremaydin52 November 4, 2024, 10:28am 9

Hi everyone, I want to use an image gradient. I have tried the SolidQuad script but looks like it ignores the image. I just wonder if there’s a way to use it with an image.

Topic		Replies	Views
Background gradients Unity Engine UI-Toolkit , Feedback	29	14663	July 16, 2026
[WIKI] Drawing an UI element using UnityEngine.Gradient Unity Engine UGUI , com_unity_modules_ui	5	7564	May 2, 2022
NEW - Gradient Shader Pack - realtime animatable gradient shaders! Community Showcases Asset-Store-Assets	171	45012	October 22, 2017
Gradient mask in UI toolkit Unity Engine UI-Toolkit , Intermediate , Question , 6.0	5	548	September 17, 2025
NEW - Gradient Shader Pack - realtime animatable gradient shaders Community Showcases Asset-Store-Assets	19	5064	June 30, 2020

USS gradients (linear-gradient) and image gradients

Related topics