Difference between revisions of "Template:Highlight Gradient"

From Ludlow Family Wiki
Jump to: navigation, search
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: {{#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

Revision as of 10:28, 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 semicolon-delimited list of CSS colors
  • direction: direction for gradient; default is "to right"