Template:Shadow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<span style="text-shadow:-2px 2px 0px {{{2}}}, 0px 0px 6px #0000;}">{{{1}}}</span><noinclude><br />This template adds a shadow drop effect to text.<br /> | <span style="text-shadow:-2px 2px 0px {{{2}}}, 0px 0px 6px #0000;}">{{{1}}}</span><noinclude><br />This template adds a shadow drop effect to text.<br /> | ||
The format of this templates is as follows: <code><nowiki>{{shadow|text|shadow color}}</nowiki></code>.<br /> | The format of this templates is as follows: <code><nowiki>{{shadow|text|shadow color}}</nowiki></code>. For colors, both color names and HTML color codes will work.<br /> | ||
{{shadow|...Which creates this.|black}}<br /> | {{shadow|...Which creates this.|black}}<br /> | ||
{{shadow|...and here's more text with a red shadow.|red}} | {{shadow|...and here's more text with a red shadow.|red}} | ||
Revision as of 19:26, 5 June 2021
{{{1}}}
This template adds a shadow drop effect to text.
The format of this templates is as follows: {{shadow|text|shadow color}}. For colors, both color names and HTML color codes will work.
...Which creates this.
...and here's more text with a red shadow.
Note that the opacity of the shadow can also be modified.
The first two numbers in a color code, with the next two and last two resemble red, green and blue respectivelty.
However, adding a seventh and eighth number can control opacity, with 00 being lowest and FF being highest.
The following example: {{shadow|Some more text.|#00000077}}
Some more text. <-- Notice the shadow is more faded here.