Template:Linear-gradient: Difference between revisions

From The Goon Show Depository

en>MaxSem
m (11 revisions imported from w:en:Template:Linear-gradient)
 
c>Verdy p
No edit summary
Line 1: Line 1:
<includeonly>background-image: -moz-linear-gradient({{{1|}}}, {{{2|}}}); background-image: -o-linear-gradient({{{1|}}}, {{{2|}}}); background-image: -webkit-linear-gradient({{{1|}}}, {{{2|}}}); background-image: linear-gradient({{#switch: {{{1|}}}
<noinclude> &lt;div style="
| top = to bottom
</noinclude>background-image:-moz-linear-gradient({{{1|<noinclude>''start-position''</noinclude>}}},{{{2|<noinclude>''color [stop],...''</noinclude>}}});<noinclude>
| bottom = to top
</noinclude>background-image:o-linear-gradient({{{1|<noinclude>''start-position''</noinclude>}}},{{{2|<noinclude>''color [stop],...''</noinclude>}}});<noinclude>
| left = to right
</noinclude>background-image:-webkit-linear-gradient({{{1|<noinclude>''start-position''</noinclude>}}},{{{2|<noinclude>''color [stop],...''</noinclude>}}});<noinclude>
| right = to left
</noinclude>background-image:linear-gradient({{#switch:{{{1|<noinclude>''start-position''</noinclude>}}}
| top left
|       360deg|        400grad|            1turn|0rad|
| left top = to bottom right
|-360deg|  0deg|-400grad|  0grad|  -1turn|  0turn|                  bottom = to top
| top right
|-315deg| 45deg|-350grad| 50grad|-.875turn|.125turn|bottom left | left bottom = to top right
| right top = to bottom left
|-270deg| 90deg|-300grad|100grad| -.75turn| .25turn|              left        = to right
| bottom left
|-225deg|135deg|-250grad|150grad|-.675turn|.375turn|  top left | left top   = to bottom right
| left bottom = to top right
|-180deg|180deg|-200grad|200grad|  -.5turn|  .5turn|                  top    = to bottom
| bottom right
|-135deg|225deg|-150grad|250grad|-.375turn|.675turn|  top right|right top   = to bottom left
| right bottom = to top left
| -90deg|270deg|-100grad|300grad| -.25turn| .75turn|             right        = to left
| #default = {{{1}}}
| -45deg|315deg| -50grad|350grad|-.125turn|.875turn|bottom right|right bottom = to top left
}}, {{{2|}}});</includeonly><noinclude>
|#default={{{1|<noinclude>''start-position''</noinclude>}}}
{{documentation}}
}},{{{2|<noinclude>''color [stop],...''</noinclude>}}});<noinclude>
</noinclude>
"&gt;Lorem ipsum...&lt;/div&gt;
{{Documentation}}</noinclude>

Revision as of 18:12, 23 June 2019

<div style="
background-image:-moz-linear-gradient(start-position,color [stop],...);
background-image:o-linear-gradient(start-position,color [stop],...);
background-image:-webkit-linear-gradient(start-position,color [stop],...);
background-image:linear-gradient(start-position,color [stop],...);
">Lorem ipsum...</div>