Template:Text gradient

Template documentation

This documentation is transcluded from Template:Text gradient/doc.

This template can be used to make text have gradients. These effects do not work in Internet Explorer. The colour parameter needs a rgb value (so instead of black, #000000, use 0,0,0. Instead of white, #FFFFFF, use 255,255,255). Do not add rgb() around this value, as that will break it. Here are some examples of what the gradient would look like:

• from top, yellow:
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• from left, green:
  Praesent sollicitudin neque vel neque eleifend rutrum.

  Praesent sollicitudin neque vel neque eleifend rutrum.
• from right, blue:
  Mauris ante nulla, vestibulum non gravida at, tempor sed leo.

  Mauris ante nulla, vestibulum non gravida at, tempor sed leo.
• from bottom, red:
  Quisque nec quam in leo auctor rutrum id quis eros.

  Quisque nec quam in leo auctor rutrum id quis eros.

This is done with for example the code {{Text gradient|colour=0,0,255|Mauris ante nulla, vestibulum non gravida at, tempor sed leo.|from=right|background=blue|text=white}}.

It is advised to make the background the same colour as the gradient's colour. In the background and text parameters you can use any format you want. The from parameter should be either top, left, right or bottom. This defines from which side the gradient will start.