You are viewing the MafiaScum.net Wiki. To play the game, visit the forum.
Template:Radial-gradient: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| (4 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><noinclude> | <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 24: | Line 25: | ||
|100px center | |100px center | ||
|ellipse farthest-corner | |ellipse farthest-corner | ||
|#ffdddd, #ddddff, #ddffdd, #ffaabb | |#ffdddd, #ddddff, #ff0000, #dd3333, #0000ff, #ddffdd, #ffaabb}}"> | ||
*Example | |||
*Example | *Example | ||
*Example | *Example | ||
| Line 34: | Line 36: | ||
|100px center | |100px center | ||
|ellipse farthest-corner | |ellipse farthest-corner | ||
|#ffdddd, #ddddff, #ddffdd, #ffaabb | |#ffdddd, #ddddff, #ff0000, #dd3333, #0000ff, #ddffdd, #ffaabb}}"> | ||
*Example | |||
*Example | *Example | ||
*Example | *Example | ||
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