「テンプレート:Linear-gradient」の版間の差分
ナビゲーションに移動
検索に移動
細 (1版) |
細 (1版 をインポートしました) |
||
(他の1人の利用者による、間の1版が非表示) | |||
1行目: | 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> |
2022年3月12日 (土) 21:04時点における最新版
<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>
[create] Template documentation
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories and interwikis to the /doc subpage. Subpages of this template. |