Template:Gradient Text

Example Text

Usage

Type {{Gradient Text}} in the source editor, and you should see a rainbow "Example Text" pop up in the visual editor. Click on it, press edit, and change the text or the colors to anything. There is a parameter for the text, and another for the colors. Make sure to put commas after the first color like this:

• red, blue, green, orange

Alternatively, copy the syntax below and paste it in source mode.

Here's a list of colors you can use in the colors parameter:

https://en.wikipedia.org/wiki/Web_colors

Syntax

{{Gradient Text
|text = It is our choices that show what we truly are, far more than our abilities.
|colors = cyan, blue, violet, white
}}

Output

It is our choices that show what we truly are, far more than our abilities.

Parameters

• text = Sets what the text says
• colors = Sets the colors used in the gradient
• angle = Sets the angle of the gradient; it can be set to top, bottom, left, right, or an amount of degrees (Ex: 45deg)
• size = Sets the text size. Set to 100 by default, which is the default font size.

Changelog

• 5/5/20: You can now make gradient text in different angles and sizes!