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
(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