[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"></div>Blo<div class="letter2" id="letter2">o</div>d
<div class="letter3" id="letter3"></div>bath
<div class="letter4" id="letter4">e</div>d Sta
<div class="letter5" id="letter5">r</div>s
</td>
</tr>
</table>
<div class="merzkotable" id="merzkotable">
<div class="tablefuck" id="tablefuck" style=""> <table class="imgomg">
<tbody>
<tr>
<td colspan="2" style="height: 120px; backdrop-filter: blur(0px) !important; background: transparent !important;"></td>
</tr>
<tr style="height: 20px; width: 50%;">
<td></td>
<td></td>
</tr>
<tr style="height: 20px; width: 50%;">
<td>V and Johnny Silverhand feat. Kerry Eurodyne</td>
<td>Найт-Сити, 2077 год</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/1Kgf2oY.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/qERVpz6.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, rgba(64,34,11,0.5116421568627452) 0%, rgba(6,55,39,0.4332107843137255) 35%, rgba(55,80,85,0.5564600840336135) 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]
.
Отредактировано -V- (2022-11-04 21:52:28)