User:THE OWL/Sandbox/Pages/Entity page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Entity page)}}
{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Entity page)}}
<div class="infobox" style="max-width:280px; width:100%; box-shadow:0 0 2px rgba(0 0 0 / 60%); background-color:rgb(45 45 49); border-radius:4px; overflow:hidden; position:relative; float:right; margin:0 0 1em 1em">
<div class="infobox" style="max-width:280px; width:100%; box-shadow:0 0 2px rgba(0 0 0 / 60%); background-color:rgb(45 45 47); border-radius:4px; overflow:hidden; position:relative; float:right; margin:0 0 1em 1em">
<div style="background-image:linear-gradient(45deg, rgb(48 75 110), rgb(36 58 85)); border-radius:3px 3px 0 0; text-align:center; text-shadow:1px 1px 0 rgb(0 0 0 / 40%); font-family:monospace; font-size:1.75em; font-weight:900;  color:rgb(255 255 255 / 85%); padding:.3em .4em"> env_fade </div>
<div style="background-image:linear-gradient(45deg, rgb(48 75 110), rgb(36 58 85)); border-radius:3px 3px 0 0; text-align:center; text-shadow:1px 1px 0 rgb(0 0 0 / 40%); font-family:monospace; font-size:1.75em; font-weight:900;  color:rgb(255 255 255 / 85%); padding:.3em .4em"> env_fade </div>


Line 9: Line 9:
<div style="padding:0 .3em .3em .3em"><div style="display:flex; flex-direction:column; gap:.2em; border-radius:3px; overflow:hidden">
<div style="padding:0 .3em .3em .3em"><div style="display:flex; flex-direction:column; gap:.2em; border-radius:3px; overflow:hidden">
<div style="display:flex">
<div style="display:flex">
<div style="width:90px; background-color:rgb(65 65 69); color:rgb(255 255 255 / 80%); padding:.2em .5em">Type</div>
<div style="width:90px; background-color:rgb(65 65 67); color:rgb(255 255 255 / 80%); padding:.2em .5em">Type</div>
<div style="width:100%; background-color:rgb(55 55 59); padding:.2em .5em">[[Point entity|Point entity]]</div>
<div style="width:100%; background-color:rgb(55 55 57); padding:.2em .5em">[[Point entity|Point entity]]</div>
</div>
</div>


<div style="display:flex">
<div style="display:flex">
<div style="width:90px; background-color:rgb(65 65 69); color:rgb(255 255 255 / 80%); padding:.2em .5em">Category</div>
<div style="width:90px; background-color:rgb(65 65 67); color:rgb(255 255 255 / 80%); padding:.2em .5em">Category</div>
<div style="width:100%; background-color:rgb(55 55 59); padding:.2em .5em">[[Main Page|Environment entities]]</div>
<div style="width:100%; background-color:rgb(55 55 57); padding:.2em .5em">[[Main Page|Environment entities]]</div>
</div>
</div>


<div style="display:flex">
<div style="display:flex">
<div style="width:90px; background-color:rgb(65 65 69); color:rgb(255 255 255 / 80%); padding:.2em .5em">Engine</div>
<div style="width:90px; background-color:rgb(65 65 67); color:rgb(255 255 255 / 80%); padding:.2em .5em">Engine</div>
<div style="width:100%; background-color:rgb(55 55 59); padding:.2em .5em">{{Source|4}}</div>
<div style="width:100%; background-color:rgb(55 55 57); padding:.2em .5em">{{Source|4}}</div>
</div>
</div>


<div style="display:flex">
<div style="display:flex">
<div style="width:90px; background-color:rgb(65 65 69); color:rgb(255 255 255 / 80%); padding:.2em .5em">Availability</div>
<div style="width:90px; background-color:rgb(65 65 67); color:rgb(255 255 255 / 80%); padding:.2em .5em">Availability</div>
<div style="width:100%; background-color:rgb(55 55 59); padding:.2em .5em">In all games</div>
<div style="width:100%; background-color:rgb(55 55 57); padding:.2em .5em">In all games</div>
</div>
</div>
</div></div>
</div></div>

Revision as of 11:06, 12 May 2024

env_fade
The env_fade icon is used in all Source engine games.
The env_fade icon is used in all Source engine games.
Engine
Availability
In all games

env_fade is a point entity available in all Source Source games. It controls screen fades to or from a solid color. Add Duration and Hold Time together for the total time this entity will be in effect.