模板:文字外發光/stroke

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
貢獻者:

{{{1}}}{{{1}}}

Template-info.svg 模板文檔  [查看] [] [歷史] [刷新]

本模板用於實現文字的外發光效果。原理類似{{文字描邊2}},在原文本的下方加上一層相同的文本、用CSS的-webkit-text-stroke屬性,對底層進行模糊實現。

模板參數

參數 說明 默認值
(1) 要發光的文本
發光寬度 外發光的寬度,單位為px或em
若設置寬度為0,則相當於為文字加上1像素的描邊。
2px
文字顏色/文本顏色 文字本身的顏色 #000000(黑色)
發光顏色 文字外發光的顏色 #FFFFFF(白色)
CSS 額外的CSS樣式
發光模糊度 用於{{blur}}模板的參數,單位為px 4

本質上,如下兩行代碼等價:

{{文字外發光/stroke|要發光的文本|文字顏色=#FFF|發光顏色=purple|發光寬度=0.3em|發光模糊度=5}}
要發光的文本要發光的文本
{{blur}}{{文字描邊2|要發光的文本|文本顏色=#FFF|描邊顏色=purple|描邊寬度=0.3em|CSS2={{blur|5}}}}
要發光的文本要發光的文本

示例

{{文字外發光/stroke|2像素的紅色外發光|發光寬度=2px|文字顏色=black|發光顏色=red}}

效果:2像素的紅色外發光2像素的紅色外發光

{{文字外發光/stroke|0.8em紫色外發光的白字|發光寬度=0.8em|文字顏色=white|發光顏色=#BE00BB}}

效果:0.8em紫色外發光的白字0.8em紫色外發光的白字

{{文字外發光/stroke|如果覺得外發光太重,顏色代碼可以用rgba(r, g, b, alpha)的alpha值來控制外發光透明度|發光寬度=0.3em|文字顏色=white|發光顏色=rgba(122, 159, 30, 40%)}}

效果:如果覺得外發光太重,顏色代碼可以用rgba(r, g, b, alpha)的alpha值來控制外發光透明度如果覺得外發光太重,顏色代碼可以用rgba(r, g, b, alpha)的alpha值來控制外發光透明度

此頁面最後編輯於 2023年3月26日 (週日) 21:34。
搜尋萌娘百科 (按"/"快速搜尋)
有新的未讀公告

阅读更多:Template:文字外發光/stroke(http://zh.moegirl.tw/Template%3A%E6%96%87%E5%AD%97%E5%A4%96%E7%99%BC%E5%85%89%2Fstroke )
本文引自萌娘百科(http://zh.moegirl.tw ),文字内容默认使用《知识共享 署名-非商业性使用-相同方式共享 3.0 中国大陆》协议。