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
 
(6 intermediate revisions by the same user not shown)
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: -ms-radial-gradient({{{1|}}}, {{{2|}}}, {{{3|}}}); 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.


==Syntax==
==Syntax==
Line 18: Line 19:
**farthest-side
**farthest-side
**closest-side
**closest-side


==Example==
==Example==
Line 23: Line 25:
|100px center
|100px center
|ellipse farthest-corner
|ellipse farthest-corner
|#ffdddd, #ddddff, #ddffdd, #ffaabb 10%}}">*Example
|#ffdddd, #ddddff,  #ff0000, #dd3333, #0000ff, #ddffdd, #ffaabb}}">
*Example
*Example
*Example
*Example
*Example
Line 33: Line 36:
|100px center
|100px center
|ellipse farthest-corner
|ellipse farthest-corner
|#ffdddd, #ddddff, #ddffdd, #ffaabb 10%}}">*Example
|#ffdddd, #ddddff, #ff0000, #dd3333, #0000ff, #ddffdd, #ffaabb}}">
*Example
*Example
*Example
*Example
*Example
*Example
*Example
*Example
*Example
*Example</div>
*Example</div></noinclude>

Latest revision as of 11:34, 14 March 2015

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