Template:Linear-gradient background/doc

Usage
Copy and paste the template below: 
 * Note: This template can handle a maximum of 20 colors, more than that will cause the template to break.

For better understanding see Examples & TemplateData below.

Examples

 * Atleast two background colors are required for this template to run properly, otherwise it will show up in the Alternate background color (black by default). For example:
 * 
 * gives:
 * BUT 
 * gives:


 * 
 * gives:
 * Notice how the colors appear to be moving towards top direction, in the same order as they appear on the template.


 * 
 * gives:
 * Notice how the colors appear to be moving towards right direction, in the same order as they appear on the template.


 * To create large text backgrounds.
 * 
 * gives:


 * Font color can be changed using color template. color should be nested within  parameter.
 * 
 * gives:


 * Alternatively  parameter can substituted by ,   parameter by   and   parameter by  . For example:
 * 
 * gives:
 * Notice that this alternative syntax also provides the same result as the previous example.


 * The same color can also be repeated
 * 
 * gives:
 * Notice how the colors appear to be moving towards right direction, first red, then green, then blue, then red again, green again, red again, blue again, green again, red again, and finally green again, in the same order as they appear on the template.


 * If the template does not contain the  parameter in it, it returns a default error message.
 * 
 * gives:


 * If the template does not contain the  parameter in it, it defaults to right direction.
 * 
 * gives:


 * If the template does not contain the  parameter in it, it defaults to black color.
 * 
 * gives:
 * As mentioned above, atleast two background colors are required for this template to run properly, otherwise it will show up in the Alternate background color.


 * To create background color but without text, use the non-breaking space character  in the   parameter. The use of this feature is strongly discouraged outside of Department of Fun & Userspace pages. Here, it is used 20 times, you can use it as many times as you wish to create a length as per your choice.
 * 
 * gives:


 * To create hidden text, use color and use "transparent" as the color. in the  parameter. The text to be hidden must be provided at the end. Here, we have a hidden text for you. The use of this feature is strongly discouraged outside of Department of Fun & Userspace pages.
 * 
 * gives:
 * Similarly, to create hidden wikilinks, use colored link instead of color and again use "transparent" as the color.

TemplateData
{	"params": { "1": {			"label": "Background color 1", "description": "First background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"2": {			"label": "Background color 2", "description": "Second background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"3": {			"label": "Background color 3", "description": "Third background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"4": {			"label": "Background color 4", "description": "Fourth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"5": {			"label": "Background color 5", "description": "Fifth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"6": {			"label": "Background color 6", "description": "Sixth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"7": {			"label": "Background color 7", "description": "Seventh background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"8": {			"label": "Background color 8", "description": "Eighth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"9": {			"label": "Background color 9", "description": "Ninth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"10": {			"label": "Background color 10", "description": "Tenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"11": {			"label": "Background color 11", "description": "Eleventh background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"12": {			"label": "Background color 12", "description": "Twelfth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"13": {			"label": "Background color 13", "description": "Thirteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"14": {			"label": "Background color 14", "description": "Fourteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"15": {			"label": "Background color 15", "description": "Fifteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"16": {			"label": "Background color 16", "description": "Sixteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"17": {			"label": "Background color 17", "description": "Seventeenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"18": {			"label": "Background color 18", "description": "Eighteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"19": {			"label": "Background color 19", "description": "Nineteenth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"20": {			"label": "Background color 20", "description": "Twentieth background color", "type": "line", "suggestedvalues": [ "#000000"			]		},		"direction": { "aliases": [ "22"			],			"label": "Direction", "description": "Direction of background color flow, i.e., the list of colors appear to be moving in that direction, see Examples above", "suggestedvalues": [ "right", "left", "top", "bottom", "top right", "top left", "bottom right", "bottom left", "30deg", "-60deg" ],			"default": "right", "suggested": true, "type": "line" },		"text": { "aliases": [ "21"			],			"label": "Text", "description": "The text that is to be shown", "type": "string", "default": "Error message when text parameter is missing: No text provided", "required": true },		"alt bg color": { "aliases": [ "23"			],			"label": "Alternate background color", "description": "Backgound color, if browser is unable to render the linear-gradient", "type": "line", "default": "transparent", "suggested": true }	},	"paramOrder": [ "1",		"2",		"3",		"4",		"5",		"6",		"7",		"8",		"9",		"10",		"11",		"12",		"13",		"14",		"15",		"16",		"17",		"18",		"19",		"20",		"text", "direction", "alt bg color" ],	"description": "Displays a background using multiple colors which gradually phases from one color to another." }