[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">B</div>ea
<div class="letter2" id="letter2">t</div> Th
<div class="letter3" id="letter3">e</div> Dr
<div class="letter4" id="letter4">u</div>m H
<div class="letter5" id="letter5">a</div>rd
</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>2071 год</td>
</tr>
<tr style="height: 20px; width: 50%;">
<td><b>Sandayu Oda</b> and <b>Goro Takemura</b></td>
<td><a href="https://www.youtube.com/watch?v=EKLi_sS4yas"><font family="binaria" color="#f5ed54">ost: Sinister Souls - Beat the Drum Hard</font></a>
</td>
</tr>
<tr>
<td colspan="2" style="">Что происходит, когда важный учёный решает покинуть одну мегакорпорацию и примкнуть к другой? Правильно, далеко он не уходит. </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://media.discordapp.net/attachment … vkpm_1.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/XC5sa57.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: linear-gradient(0deg, rgba(196,56,0,0.4) 0%, rgba(0,6,20,0.6) 100%); /* Это градиент размытого поля, его можно заменить на другой подходящий по оттенкам. Градиент можно сгенерировать здесь https://cssgradient.io/ , только нужно добавить прозрачности при подборе цветов! */
height: 100px; width: 618px;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]
.
Отредактировано Goro Takemura (2023-01-03 15:42:03)
