Gradient

Gradient objects lets you display custom color gradients or incorporate them into other objects, like buttons.

Fig: A gradient object

---

Usage

Example use cases:

• Display a custom color gradient
• Visual element of another object.

---

Caveats

Gradient objects can - like Images - use textures, animations and masks, but not shapes.

Color stops don't need to have a color defined. The object's color will be used instead, which is white by default.

---

Related articles

• NoveltyML reference for <Gradient>

---

Sample NoveltyML

<Gradient name="My gradient" from="Green" to="Purple" />

<Gradient name="My gradient" color="Yellow">
	<Stop color="Green" position="50%" />
	<Stop color="Purple" position="100%" />
</Gradient>