FANDOM


Template documentation follows[view] [edit] [history] [purge]
Note: The template above may sometimes be partially or fully invisible. Below is the template's documentation and contains usage information, categories, and other content that is not part of the actual template.

This template is a shortcut for producing linear gradient background. It generates the CSS for various browsers.

Usage

Insert this template within a style tag of any block-style element:

{{border-radius | direction, color-stop1, color-stop2, ...]}}

  • Direction values include: top, bottom, left and right.
  • color-stop# value is comprised of a <color> value, followed by an optional stop position (either a percentage or a <length> along the gradient's axis).

Example

  • <div style="{{CSSGradient|left, #000000, #556b2f, #000000}}">...Header Stuff...</div> will produce


...Header Stuff...


  • <div style="{{CSSGradient|140deg, #115d82 0%, #10587b 20%, #0f5475 20%, #0e4f6e 40%, #0d4a68 40%, #0c4661 60%, #0c415b 60%, #0b3c54 80%, #0a384e 80%, #093347 100%}}">...Header Stuff...</div> will produce


...Header Stuff...


See Also

Community content is available under CC-BY-SA unless otherwise noted.