Template:Highlight Gradient: Difference between revisions

From Fish Family Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 3: Line 3:
* ''direction'': direction for gradient; default is "to right"
* ''direction'': direction for gradient; default is "to right"
</noinclude><includeonly>{{#if:{{{1}}}
</noinclude><includeonly>{{#if:{{{1}}}
| {{#explode:{{{1}}}|;|0}} {{#if: {{#explode:{{{1}}}|;|1}}
| {{#explode:{{{1}}}|/|0}} {{#if: {{#explode:{{{1}}}|/|1}}
   | linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}|;|, |
   | linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}|/|, |
     | template=Highlight Gradient/Step
     | template=Highlight Gradient/Step
     | param={{#expr: 100 / ({{List Size|{{{1}}}|;}} * 2 - 1)}}
     | param={{#expr: 100 / ({{List Size|{{{1}}}|;}} * 2 - 1)}}

Revision as of 11:43, 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"