模板:Gradient Text:修订间差异

来自Limbo Wiki
无编辑摘要
第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: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>
重定向:{{[[模板:渐变文字|渐变文字]]}}
参考:[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]
== 用法 ==
== 用法 ==

2022年6月12日 (日) 11:19的版本

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

参考:background-clip | MDN

用法

{{Gradient_Text|渐变色代码|文字内容|title=鼠标悬停在文字上显示的注释}}

渐变色代码

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

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

示例

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