- Portals
- The Current Year
- ED in the News
- Admins
- Help ED Rebuild
- Archive
- ED Bookmarklet
- Donate Bitcoin
Contact an admin on Discord or EDF if you want an account. Also fuck bots.
Template:Boxshadow: Difference between revisions
Jump to navigation
Jump to search
imported>Schnookums Protected "Template:Boxshadow" ([edit=sysop] (indefinite) [move=sysop] (indefinite)) |
imported>TabbyGarf 1 revision imported |
||
| (9 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly>box-shadow:{{{1}}} {{{2}}} {{{3}}} {{{4}}} {{{5}}};</includeonly><noinclude> | ||
==Usage== | ==Usage== | ||
<nowiki>{{boxshadow|horiz|vert|blur|spread|color}}</nowiki> | <nowiki>{{boxshadow|horiz|vert|blur|spread|color}}</nowiki> | ||
=== Example === | === Example === | ||
This: | |||
<pre> | <pre> | ||
<div style="{{boxshadow|4px|8px|8px|8px|gray}}background-color:blue;width:200px;height:200px;">Hello, world!</div> | <div style="{{boxshadow|4px|8px|8px|8px|gray}}background-color:blue;width:200px;height:200px;">Hello, world!</div> | ||
| Line 8: | Line 12: | ||
<div style="{{boxshadow|4px|8px|0|8px|gray}}background-color:red;width:200px;height:200px;">Hello, world!</div> | <div style="{{boxshadow|4px|8px|0|8px|gray}}background-color:red;width:200px;height:200px;">Hello, world!</div> | ||
</pre> | </pre> | ||
Produces: | |||
<div style="{{boxshadow|4px|8px|8px|8px|gray}}background-color:blue;width:200px;height:200px;">Hello, world!</div> | <div style="{{boxshadow|4px|8px|8px|8px|gray}}background-color:blue;width:200px;height:200px;">Hello, world!</div> | ||
<br /> | <br /> | ||
<div style="{{boxshadow|4px|8px|0|8px|gray}}background-color:red;width:200px;height:200px;">Hello, world!</div> | <div style="{{boxshadow|4px|8px|0|8px|gray}}background-color:red;width:200px;height:200px;">Hello, world!</div> | ||
[[Category:Formatting Templates|{{PAGENAME}}]]</noinclude> | |||
[[Category:Formatting Templates|{{PAGENAME}}]] | |||
[[Category:Templates/rarely used|{{PAGENAME}}]]</noinclude> | |||
Latest revision as of 13:43, 25 March 2021
Usage
{{boxshadow|horiz|vert|blur|spread|color}}
Example
This:
<div style="{{boxshadow|4px|8px|8px|8px|gray}}background-color:blue;width:200px;height:200px;">Hello, world!</div>
<br />
<div style="{{boxshadow|4px|8px|0|8px|gray}}background-color:red;width:200px;height:200px;">Hello, world!</div>
Produces:
Hello, world!
Hello, world!