You are viewing the MafiaScum.net Wiki. To play the game, visit the forum.

Template:Radial-gradient: Difference between revisions

From MafiaWiki
Jump to navigation Jump to search
(Created page with "<includeonly>background-image: -moz-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -o-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -webki...")
 
No edit summary
Line 1: Line 1:
<includeonly>background-image: -moz-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -o-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -webkit-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}});</includeonly>
<includeonly>background-image: -moz-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -o-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: -webkit-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); background-image: radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}});</includeonly><noinclude>
This template is used to make a radial gradient.
This template is used to make a radial gradient.


Line 18: Line 18:
**farthest-side
**farthest-side
**closest-side
**closest-side


==Example==
==Example==
Line 38: Line 39:
*Example
*Example
*Example
*Example
*Example</div>
*Example</div></noinclude>

Revision as of 09:49, 8 November 2014

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, #ddffdd, #ffaabb 10%}}">*Example
*Example
*Example
*Example
*Example
*Example</div>
*Example
  • Example
  • Example
  • Example
  • Example
  • Example