模板:Gradient Text:修订间差异

来自Limbo Wiki
无编辑摘要
 
(未显示同一用户的4个中间版本)
第1行: 第1行:
<includeonly><span style="background:-webkit-linear-gradient({{{1}}});-webkit-background-clip:text;<!--background:linear-gradient({{{1}}});-->background-clip:text;-webkit-box-decoration-break:{{{break|clone}}};box-decoration-break:{{{break|}}};-webkit-text-fill-color:transparent;text-fill-color:transparent">{{{2}}}</span></includeonly><noinclude>
<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|渐变色代码|文字内容|title=鼠标悬停在文字上显示的注释}}
{{Gradient_Text|渐变色代码|文字内容}}
</nowiki></code>
</nowiki></code>
=== 渐变色代码 ===
=== 渐变色代码 ===
第9行: 第11行:
*说明:
*说明:
#渐变色代码由若干个以逗号分隔的颜色(名称或16进制代码)组成。
#渐变色代码由若干个以逗号分隔的颜色(名称或16进制代码)组成。
#位置为可选参数,可以填角度或者方位。不使用时默认<code>to bottom</code>从上到下。关于方向具体参数可见[[用户:偷吃的贡品是雪饼/Sandbox#炫酷的渐变色|此处]]
#位置为可选参数,可以填角度或者方位。不使用默认<code>to bottom</code>从上到下。关于方向具体参数可见[[用户:偷吃的贡品是雪饼/sandbox#炫酷的渐变色|此处]]


== 示例 ==
== 示例 ==

2022年6月18日 (六) 08:55的最新版本

重定向:{{渐变文字}}

参考:background-clip | MDN

用法

{{Gradient_Text|渐变色代码|文字内容}}

渐变色代码

<位置>,<颜色>,<颜色2>, ...

  • 说明:
  1. 渐变色代码由若干个以逗号分隔的颜色(名称或16进制代码)组成。
  2. 位置为可选参数,可以填角度或者方位。不使用默认to bottom从上到下。关于方向具体参数可见此处

示例

{{Gradient Text|red,blue|Red And Blue}} Red And Blue