Template:Background/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Created page with "<includeonly> <onlyinclude><div style="width:calc(100% + 48px); height:calc(100% + 22px); background-color:{{{bgcolor|transparent}}}; opacity:{{{opacity|0.05}}}; overflow:{{#ifeq:{{{mode|0}}}|2|visible|hidden}}; pointer-events:none; user-select:none; position:{{#switch:{{{mode|0}}}|#default=absolute|1=static|2=sticky}}; z-index:-1; left:-24px; top:{{{top|2px}}}"> <div style="background:linear-gradient(180deg, rgb(38,38,38) 0%, rgba(38,38,38,0) 100%); width:100%; height...")
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
{{Background
| file = SteamVR Workshop Tools Background.png
| opacity = 15%
| gradient-height = 500px
}}


<onlyinclude><div style="width:calc(100% + 48px); height:calc(100% + 22px); background-color:{{{bgcolor|transparent}}}; opacity:{{{opacity|0.05}}}; overflow:{{#ifeq:{{{mode|0}}}|2|visible|hidden}}; pointer-events:none; user-select:none; position:{{#switch:{{{mode|0}}}|#default=absolute|1=static|2=sticky}}; z-index:-1; left:-24px; top:{{{top|2px}}}">
<pre>
<div style="background:linear-gradient(180deg, rgb(38,38,38) 0%, rgba(38,38,38,0) 100%); width:100%; height:{{{gradient-height|150px}}}; position:absolute; z-index:1"></div>
{{Background
<div style="width:100%; display:flex; justify-content:center; position:absolute; z-index:0"><!--
| file = SteamVR Workshop Tools Background.png
-->{{#if:{{{url|}}}|{{{url|}}}|<span style="{{#switch:{{{mask|}}}|false=|-webkit-mask-image:{{{mask|linear-gradient(to right, transparent, black 5%, black 95%, transparent)}}};}}">[[File:{{{file|}}}|link=|{{{size|}}}]]</span>}}<!--
| opacity = 15%
--><div style="background:linear-gradient(0deg, rgb({{{gradient-color|38,38,38}}}) 0%, rgba({{{gradient-color|38,38,38}}},0) 100%); width:100%; height:{{{gradient-height|150px}}}; position:absolute; z-index:1; bottom:0"></div>
| gradient-height = 500px
</div>
}}
</div></onlyinclude>
</pre>


</includeonly>
<div style="padding-bottom:700px"></div>

Latest revision as of 15:24, 26 September 2025

SteamVR Workshop Tools Background.png
{{Background
| file = SteamVR Workshop Tools Background.png
| opacity = 15%
| gradient-height = 500px
}}