這是一個模糊文字陰影來實現簡單外發光的模板。
另有使用-webkit-text-stroke實現的相似效果模板{{文字外發光/stroke}}供選用。
原理簡介
本模板相當於使用text-shadow給文字加上四個方向不同的文字陰影，並通過模糊參數使其模糊化，以達到外發光的效果。
模板參數
| 參數 | 說明 | 默認值 |
|---|---|---|
| （1） | 要發光的文本 | 無 |
| 發光寬度 | 外發光的寬度，單位為px或em 若設置寬度為0，則相當於為文字加上1像素的描邊。 |
2px |
| 文字顏色 | 文字本身的顏色 | #000000（黑色） |
| 發光顏色 | 文字外發光的顏色 | #FFFFFF（白色） |
| CSS | 額外的CSS樣式 | 無 |
使用方法
{{文字外發光|內容|發光寬度=（寬度，單位px或em）|文字顏色=（顏色代碼）|發光顏色=（顏色代碼）}}
示例
{{文字外發光|2像素的紅色外發光|發光寬度=2px|文字顏色=black|發光顏色=red}}
效果：2像素的紅色外發光
{{文字外發光|0.8em紫色外發光的白字|發光寬度=0.8em|文字顏色=white|發光顏色=#BE00BB}}
效果：0.8em紫色外發光的白字
{{文字外發光|發光寬度0相當於1像素描邊，但效果並不好|發光寬度=0|文字顏色=white|發光顏色=rgb(0, 0, 0)}}
效果：發光寬度0相當於1像素描邊，但效果並不好
{{文字外發光|如果覺得外發光太重，顏色代碼可以用rgba(r, g, b, alpha)的alpha值來控制外發光透明度|發光寬度=0.3em|文字顏色=white|發光顏色=rgba(122, 159, 30, 40%)}}
效果：如果覺得外發光太重，顏色代碼可以用rgba(r, g, b, alpha)的alpha值來控制外發光透明度
相關模板
- {{文字描邊2}}
- {{外發光}}
- {{文字外發光/stroke}}
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||