模板:Gradient Text:修订间差异
来自Limbo Wiki
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的5个中间版本) | |||
第1行: | 第1行: | ||
<includeonly><span style="background:-webkit-linear-gradient({{{1}}});-webkit-background-clip:text; | <includeonly><span style="background:-webkit-linear-gradient({{{1}}});-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent">{{{2}}}</span></includeonly><noinclude> | ||
重定向:{{[[模板:渐变文字|渐变文字]]}} | |||
参考:[https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip background-clip | MDN] | 参考:[https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip background-clip | MDN] | ||
== 用法 == | == 用法 == | ||
<code><nowiki> | <code><nowiki> | ||
{{Gradient_Text|渐变色代码|文字内容 | {{Gradient_Text|渐变色代码|文字内容}} | ||
</nowiki></code> | </nowiki></code> | ||
=== 渐变色代码 === | === 渐变色代码 === | ||
第9行: | 第11行: | ||
*说明: | *说明: | ||
#渐变色代码由若干个以逗号分隔的颜色(名称或16进制代码)组成。 | #渐变色代码由若干个以逗号分隔的颜色(名称或16进制代码)组成。 | ||
# | #位置为可选参数,可以填角度或者方位。不使用默认<code>to bottom</code>从上到下。关于方向具体参数可见[[用户:偷吃的贡品是雪饼/sandbox#炫酷的渐变色|此处]] | ||
== 示例 == | == 示例 == | ||
<nowiki>{{Gradient Text|red,blue|Red And Blue}}</nowiki> | <nowiki>{{Gradient Text|red,blue|Red And Blue}}</nowiki> | ||
{{Gradient Text|red,blue|Red And Blue}} | {{Gradient Text|red,blue|Red And Blue}} | ||
</noinclude> | </noinclude> |