檢視Template:渐变发光/doc的原始碼

本模板用于实现文字的渐变外发光效果，用户可以设置外发光的颜色渐变方向、设置多层渐变颜色、设置外发光的宽度。

==简介==
本模板叠加两层文本，将下层文本以类似{{tl|Gradient Text}}的方式形成渐变色后将其模糊化，以实现文字的渐变外发光效果。

由于目前的浏览器中，实现了<code>background-clip:text</code>属性的只有Edge和Webkit内核（Chrome，Safari，Android自带浏览器，国产双核浏览器的极速内核）的浏览器可以解析并显示出效果。IE、Firefox 49以下显示效果则是还原为原始的黑色字（Firefox 48可以打开<code>about:config</code>，把<code>layout.css.background-clip-text.enabled</code>和<code>layout.css.prefixes.webkit</code>改为<code>true</code>以查看效果）。

由于本模板使用了多层文本，在嵌套使用时'''强烈建议'''将其他模板置于此模板外层，否则会导致展开长度超级加倍。

*'''本模板使用了[[帮助:模板样式表|模板样式表]]，请勿将其直接展开后用于签名。'''

==参数==
{| class="wikitable"
! 序号 !! 参数名 !! 说明 !! 默认值
|-
! 1 
| content || 文字内容 || 无
|-
! 2 
| FontColor || 文字颜色 || #FFF（白色）
|-
! 3 
| GradientColor || 渐变代码，具体用法可见{{tl|Gradient Text}} || left,blue,red（从左到右、从蓝色渐变为红色）
|-
! 4 
| GlowSize || 外发光尺寸（即底层模糊度），单位为px || 4
|-
! 5 
| CSS || 额外的CSS样式，在这里填写可以减小展开长度 || 无
|}

==使用示例==
{| class="wikitable"
! 代码 !! 效果
|-
| <pre>{{渐变发光|content=从左到右的三色渐变|FontColor=white|GradientColor=left, #F37A93, #90ACF3, #F1D788|GlowSize=5}}</pre> || {{渐变发光|从左到右的三色渐变|white|left, #F37A93, #90ACF3, #F1D788|5}}
|-
| <pre>{{渐变发光|从左下到右上的<br>蓝紫红黄四色渐变|white|45deg, blue, purple, red, yellow|5|font-size:1.2em;font-weight:bold}}</pre> || {{渐变发光|从左下到右上的<br>蓝紫红黄四色渐变|white|45deg, blue, purple, red, yellow|5|font-size:1.2em}}
|}

==相关模板==
* {{tl|Blur}}
* {{tl|文字外发光}}
* {{tl|Gradient Text}}

<includeonly>[[Category:格式模板]][[Category:使用模板样式的模板]]</includeonly><noinclude>[[Category:模板文档]]</noinclude>