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: | ||
< | <noinclude> <div style=" | ||
| | </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> | ||
| | </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 | ||
| | |-225deg|135deg|-250grad|150grad|-.675turn|.375turn| top left | left top = to bottom 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|}}}); | |#default={{{1|<noinclude>''start-position''</noinclude>}}} | ||
{{ | }},{{{2|<noinclude>''color [stop],...''</noinclude>}}});<noinclude> | ||
</noinclude> | ">Lorem ipsum...</div> | ||
{{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>