Mabinogi World Wiki is brought to you by Coty C., 808idiotz, our other patrons, and contributors like you!!
Want to make the wiki better? Contribute towards getting larger projects done on our Patreon!

Template:CSS Gradient

From Mabinogi World Wiki

A template for producing gradients with CSS that work across many browsers. Unfortunately it doesn't work on IE6-9 because MediaWiki doesn't seem to like the code that supposedly works for older versions of IE.

Usage

  • color1 is the first color of the gradient. If a browser doesn't support gradients, it will use this color as a solid color background instead.
  • color2 is the second color of the gradient.
  • direction is the direction the gradient will go in. Defaults to horizontal
    • There are four valid choices for this: horizontal, vertical, diagonal1, and diagonal2.

This template is intended to be transcluded into the style property of an element, like this:

<div style="{{CSS Gradient|color1=#00fc69|color2=#2989d8|direction=horizontal}} width: 200px; height: 200px;"></div>

The above code will produce a box like this: