Template:Glow: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, | <span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, 0px 0px 6px {{{3}}};}">{{{1}}}</span><noinclude>{{Glow/doc}}[[Category:Templates]]</noinclude> | ||
<noinclude | |||
Latest revision as of 01:04, 21 November 2021
{{{1}}}
This template adds a glow effect behind text. The color of both the text and the glow behind it can be customized.
{{glow|text|text color|glow color}} - The color of both the text and glow can be formatted with either the color's name or with HTML #rgb codes.
Example #1: {{glow|Some yellow text, with a red glow.|yellow|red}}
Output #1: Some yellow text, with a red glow.
Example #2: {{glow|''This'' is the second example with lime text with a blue glow.|lime|cyan}}
Output #2: This is the second example with lime text with a blue glow.
Note that opacity of both the text and glow can be changed by adding another two values to the #rgb codes. In the next example, the opacity of the glow will be lowered. Notice the "55" at the end of the #rgb code for the glow. The seventh and eighth value in an #rgb code will control opacity. The values are between 00 and FF in hexadecimal, which correspond to 0 and 255 respectively.
Example #3: {{glow|Some more text.|white|#ffffff55}}
Output #3: Some more text. <-- Notice the weaker glow here.
In the next example, the glow will have full opacity, but the text will have low opacity.
Example #4: {{glow|Some more text.|#0000ff55|white}}
Output #4: Some more text. <-- Notice the transparent text here.