2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

模板:漸變發光

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

本模板用於實現文字的漸變外發光效果,用戶可以設置外發光的顏色漸變方向、設置多層漸變顏色、設置外發光的寬度。

簡介

本模板疊加兩層文本,將下層文本以類似{{Gradient Text}}的方式形成漸變色後將其模糊化,以實現文字的漸變外發光效果。

由於目前的瀏覽器中,實現了background-clip:text屬性的只有Edge和Webkit內核(Chrome,Safari,Android自帶瀏覽器,國產雙核瀏覽器的極速內核)的瀏覽器可以解析並顯示出效果。IE、Firefox 49以下顯示效果則是還原為原始的黑色字(Firefox 48可以打開about:config,把layout.css.background-clip-text.enabledlayout.css.prefixes.webkit改為true以查看效果)。

由於本模板使用了多層文本,在嵌套使用時強烈建議將其他模板置於此模板外層,否則會導致展開長度超級加倍。

  • 本模板使用了模板樣式表,請勿將其直接展開後用於簽名。

參數

序號 參數名 說明 默認值
1 content 文字內容
2 FontColor 文字顏色 #FFF(白色)
3 GradientColor 漸變代碼,具體用法可見{{Gradient Text}} left,blue,red(從左到右、從藍色漸變為紅色)
4 GlowSize 外發光尺寸(即底層模糊度),單位為px 4
5 CSS 額外的CSS樣式,在這裡填寫可以減小展開長度

使用示例

代碼 效果
{{渐变发光|content=从左到右的三色渐变|FontColor=white|GradientColor=left, #F37A93, #90ACF3, #F1D788|GlowSize=5}}
從左到右的三色漸變從左到右的三色漸變從左到右的三色漸變從左到右的三色漸變從左到右的三色漸變從左到右的三色漸變
{{渐变发光|从左下到右上的<br>蓝紫红黄四色渐变|white|45deg, blue, purple, red, yellow|5|font-size:1.2em;font-weight:bold}}
從左下到右上的
藍紫紅黃四色漸變從左下到右上的
藍紫紅黃四色漸變
從左下到右上的
藍紫紅黃四色漸變
從左下到右上的
藍紫紅黃四色漸變
從左下到右上的
藍紫紅黃四色漸變
從左下到右上的
藍紫紅黃四色漸變

相關模板