HTML:
<svg height="0" width="0">
<defs>
<linearGradient id="gradient_microOff" x1="16.9996" y1="0" x2="16.9996" y2="22.8394" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFB800"/>
<stop offset="1" stop-color="#FF6B00"/>
</linearGradient>
<linearGradient id="gradient_microOn" x1="16.9996" y1="0" x2="16.9996" y2="22.8394" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBFF00"/>
<stop offset="1" stop-color="#8FFF00"/>
</linearGradient>
</defs>
</svg>
<div id="hudElement" v-if="show">
<div id="logoBlock">
<div id="logoProjectName">
<svg width="40" height="26" viewBox="0 0 40 26" style="position: absolute; top: -10px; left: -20px;">
<g filter="url(#filter_logoImage)">
<path d="M12.4702 10.0177C15.6435 6.41131 19.4183 5.19011 23.7393 4.63675C28.6251 4.00707 32.6208 5.38728 32.6208 5.38728C17.0307 2.93216 11.5005 12.4092 11.5005 12.4092C11.5005 12.4092 14.4528 8.44664 22.4258 7.22544C31.0618 5.90247 35.745 10.4693 35.7143 10.4311C23.4386 5.24099 16.5887 11.0862 16.6317 11.1816L18.6695 18L13.0779 13.7703L7.41878 18L9.52407 11.1117L4 6.88834H10.9112L13.0779 0L15.0543 6.34134C15.0543 6.34134 13.2743 7.97597 11.8319 10.7046L12.4702 10.0177Z" fill="url(#gradient_logoImage)"/>
</g>
<defs>
<filter id="filter_logoImage" x="0" y="0" width="39.7144" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="gradient_logoImage" x1="19.8572" y1="0" x2="19.8572" y2="18" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF5C00"/>
<stop offset="1" stop-color="#FFD600"/>
</linearGradient>
</defs>
</svg>
<span id="logoProjectType">GTA5</span>RP<span class="yk-text w-6 s-10">.com</span>
</div>
<img style="height: 25px;">
<div class="d-flex center-align">
<span id="logoServerName">ALTA <span id="logoServerOnline">{{online}}</span></span>
<span id="logoPlayerInfo"> ID [{{playerId}}]</span>
</div>
Последнее редактирование: