Template:Highlight Gradient: Difference between revisions
Jump to navigation
Jump to search
(Created page with "<noinclude>Generate a CSS gradient for the given list of colors. The result includes a zone for each color followed by an equally-sized transition zone to the next color. * F...") |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude>Generate a CSS | <noinclude>Generate a CSS background for the given list of colors. For an empty list, the result is "transparent"; for a single element, the result is that color; for multiple elements, the result is a gradient. The gradient includes a zone for each color followed by an equally-sized transition zone to the next color. | ||
* First parameter: a | * First parameter: a slash-delimited (/) list of CSS colors | ||
* ''direction'': direction for gradient; default is "to right" | * ''direction'': direction for gradient; default is "to right" | ||
</noinclude><includeonly>{{#if:{{{1}}} | </noinclude><includeonly>{{#if:{{{1}}} | ||
| linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}| | | {{#explode:{{{1}}}|/|0}} {{#if: {{#explode:{{{1}}}|/|1}} | ||
| linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}|/|, | | |||
| template=Highlight Gradient/Step | |||
}} | | param={{#expr: 100 / ({{List Size|{{{1}}}|/}} * 2 - 1)}} | ||
}}) | |||
}} | |||
| transparent | |||
}}</includeonly> | }}</includeonly> | ||
Latest revision as of 11:49, 25 June 2015
Generate a CSS background for the given list of colors. For an empty list, the result is "transparent"; for a single element, the result is that color; for multiple elements, the result is a gradient. The gradient includes a zone for each color followed by an equally-sized transition zone to the next color.
- First parameter: a slash-delimited (/) list of CSS colors
- direction: direction for gradient; default is "to right"