模板:文字外發光/stroke
{{{1}}}{{{1}}}
本模板用於實現文字的外發光效果。原理類似{{文字描邊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值來控制外發光透明度
|