[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);">
Thr<div class="letter" id="letter">e</div>e <div class="letter2" id="letter2">V</div>iews
<div class="letter3" id="letter3">O</div>f A Se
<div class="letter4" id="letter4">c</div>r
<div class="letter5" id="letter5">e</div>t
</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>Oda Sandayu & Takemura Goro</td>
<td><a href="https://www.youtube.com/watch?v=pMX6X-uNk98"><font family="binaria" color="#f5ed54">ost: Kryptic Minds - Three Views Of A Secret</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://i.imgur.com/bu3vkpm.png) no-repeat;
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}
</style>
<style>
.letter3{
animation:letter 10s linear infinite}
</style>
<style>
.letter4{
animation:letter 6s linear infinite}
</style>
<style>
.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/YofZZsc.jpg) no-repeat;
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(180deg, rgb(179 0 0 / 20%) 0%, rgb(0 90 83 / 28%) 50%, rgb(0 0 0 / 53%) 100%);
height: 100px;
width: 634px;
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;
}
</style>
[/html]
Цитата из "Хроник Амбера" Роджера Желязны
За помощь со скриптом спасибо VBF-10.1