[html]
<table class="episodename" id="episodename" style="border-collapse:collapse;">
<tr>
<td class="episodesell" id="episodesell" style="text-shadow: 4px 4px 27px 9px rgba(247, 239, 15, 1);">
<div class="letter" id="letter">F</div>e
<div class="letter2" id="letter2">e</div>d Th
<div class="letter3" id="letter3">e</div> Mach
<div class="letter5" id="letter5">i</div>ne
</td>
</tr>
</table>
<div class="merzkotable" id="merzkotable">
<div class="tablefuck" id="tablefuck" style=""> <table class="imgomg">
<tbody>
<tr>
<td colspan="2" style="height: 150px !important; backdrop-filter: blur(0px) !important; background: transparent !important;"></td>
</tr>
<tr style="height: 20px; width: 50%;">
<td>Участники:</td>
<td>2077 год, Найт-Сити</td>
</tr>
<tr style="height: 20px; width: 50%;">
<td><b>Michael Carter</b> and <b>c0ilS</b></td>
<td><a href="https://www.youtube.com/watch?v=-rULmvm48_o"><font family="binaria" color="#f5ed54">ost: Black Sun Empire & Noisia - Feed the Machine</font></a>
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:144px!important">Вдруг откуда ни возьмись дохрена всего взялось.</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
.episodename {display: inline-block;position: inherit;height: 35px !important;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%);font-family: Stenciliqo; font-size: 35px; color: #fffee7;}
.episodesell {
display: flex;position: absolute;
background: url(https://i.imgur.com/T5oNSdD.png) no-repeat; /* Это задник мигающего названия, нужна png-картинка подходящего размера */
width: 430px;height: 50px;clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);align-content: flex-end;justify-content: center;align-items: flex-end;}
.letter{
display: inline-block;
animation:letter 7s linear infinite;}
@keyframes letter{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}30.5%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}50%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}55%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}60%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}75%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}85%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}100%{opacity:1;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fffc18, 0 0 30px #fffa18, 0 0 40px #dbff18, 0 0 55px #fff118, 0 0 75px #faff18, 2px 2px 2px rgb(206 89 55 / 1%)}}
}
</style>
<style>
.letter2{display: inline-block;animation:letter 20s linear infinite}
.letter3{animation: letter 10s linear infinite}
.letter4{animation:letter 6s linear infinite}
.letter5{animation:letter 14s linear infinite}
</style>
<style>
.merzkotable {position: absolute;display: flex;align-content: center;align-items: flex-end;justify-content: space-evenly;flex-wrap: wrap;clip-path: polygon(4% 0%, 90% 0%, 99% 25%, 95% 110%, 76% 100%, 8% 100%, 0 81%, 0 10%);margin: 14px 0 0 0 !important;border-collapse:collapse;
background: url(https://i.imgur.com/o9luhGF.png) no-repeat; /* Это фон описания, простая jpg размером 634x213px. Размер не подгоняется, надо вручную. */
border: solid 0px;color: #f5ed54; width: 650px !important;height: 213px !important;padding: 0px 16px 5px 0px !important;}
.tablefuck {display: flex;position: relative;backdrop-filter: blur(4px);
background: radial-gradient(circle, rgba(0,0,0,0.3897934173669467) 0%, rgba(157,39,0,0.39539565826330536) 51%, rgba(0,0,0,0.35057773109243695) 100%); /* Это градиент размытого поля, его можно заменить на другой подходящий по оттенкам. Градиент можно сгенерировать здесь https://cssgradient.io/ , только нужно добавить прозрачности при подборе цветов! */
height: 100px; width: 617px;text-shadow: -1px -1px 1px rgb(255 255 255 / 0%), 1px 1px 1px #00456c;margin-left: -15px;font-family: 'Binaria';font-size: 12px;flex-direction: row;align-content: flex-start;justify-content: center;align-items: flex-end;padding: 0px 0px 0px 16px;}</style>
[/html]
.
- Подпись автора