Template:Radial-gradient

This template is used to make a radial gradient.

Syntax

{{Radial-gradient
|(Position)
|(Shape) [size]
|(Color1) [Stop], (Color2) [Stop], (Color...) [Stop...]
}}

• The position can be any CSS position value.
• Shapes are:
  • elllipse
  • circle
• Sizes are:
  • farthest-corner
  • closest-corner
  • farthest-side
  • closest-side

Example

<div style="{{radial-gradient
|100px center
|ellipse farthest-corner
|#ffdddd, #ddddff,  #ff0000, #dd3333, #0000ff, #ddffdd, #ffaabb}}">
*Example
*Example
*Example
*Example
*Example
*Example</div>

• Example
• Example
• Example
• Example
• Example
• Example