[html]<div class="post-box">
<div id="p63-content" class="post-content">
<div class="htmldemo"><div class="prusheen-some" style="background: url(http://forumupload.ru/uploads/0019/c8/05/5/612785.png); background-size: cover;">
<div class="prusheen-inner">
<div class="prusheen-text">
<span>грязная яма</span>
<div>
Гремящие тропы всегда были средоточением грязи и мусора Двуногих. Приближаясь к шоссе со стороны степи, можно заметить, как местность постепенно снижается, превращаясь в отвратительную топь. Длинная, но неширокая вдоль Гремящей тропы тянется полоса грязи и луж, куда стекает после дождя зловонная, загрязнённая отходами чудищ вода. В низинке не водится дичи, да и вода в лужах совсем не для питья, но кратчайший путь до высоких скал для охотников пустоши лежит именно через это неприятное местечко. Разве что, пройдя здесь, странник на некоторое время замаскирует собственный запах грязью, в которой невозможно не испачкаться.
</div></div>
</div>
</div>
<style>
/* css черти чего от вещего духа*/
.prusheen-some {
width: 630px;
height: 445px;
margin: 0;
position: relative;
overflow: hidden
}
.prusheen-text {
width: 450px;
margin: auto;
font: 500 10px/18px ruda; /* шрифт текста в большом блоке */
text-align: justify;
color: #1e1e1e; /* цвет шрифта */
margin-top: 10px;
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}
.prusheen-text > div {
padding: 0 10px 0 10px;
overflow: auto;
height: 190px;
opacity: 0;
transition: all .5s linear 0s}
.prusheen-text > span {
display: block;
text-align: center;
font: 30px merriweather; /* шрифт текста заголовка */
height: 60px;
position: relative;
margin-bottom: 25px}
.prusheen-some:hover .prusheen-inner {
height: 380px;
clip-path: polygon(0% 100%, 100% 100%, 100% 0%,0% 0%);}
.prusheen-some:hover .prusheen-text {margin-top: 40px}
.prusheen-some:hover .prusheen-text > div {opacity: 1;
transition: all 1s linear .5s}
</style>
<link href="https://fonts.googleapis.com/css?family=Ruda:400,500,700&display=swap&subset=cyrillic" rel="stylesheet">
</div><table style="table-layout:fixed;width:100%"><tbody><tr><td colspan="16"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 13px"><strong>˟ здесь можно собрать ˟</strong></span></span></span></p></td></tr><tr><td colspan="4"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">ястребинка<br>подмаренник<br>мяун-трава<br></span></span></span></p></td><td colspan="3"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">апр[<span style="color: #b57281">●</span><span style="color: #00693e">●</span><span style="color: #763c28">●</span>]окт<br>июн[<span style="color: #00693e">●</span>]авг<br>авг[<span style="color: #00693e">●</span><span style="color: #763c28">●</span><span style="color: #78a2b7">●</span>]дек<br></span></span></span></p></td><td colspan="4"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">бурачник<br>пижма<br></span></span></span></p></td><td colspan="3"><p><span style="display: block; text-align: center"><span style="font-family: Tahoma"><span style="font-size: 12px">июн[<span style="color: #00693e">●</span>]июл<br>июн[<span style="color: #00693e">●</span><span style="color: #763c28">●</span>]сен<br></span></span></span></p></td><td colspan="2"><p><span style="display: block; text-align: left"><span style="font-family: Tahoma"><span style="font-size: 13px"><span style="color: #78a2b7">●</span> — зима<br><span style="color: #b57281">●</span> — весна<br><span style="color: #00693e">●</span> — лето<br><span style="color: #763c28">●</span> — осень</span></span></span></p></td></tr></tbody></table>
</div>
<div class="post-rating"><p class="container"><a onclick="return changeVisibility('post-63-vote', this)">0</a></p></div>
<div id="post-63-vote" class="post-vote" style="display:none"><p class="container"><a class="positive" href="/relation.php?id=63&v=1&code=bb5cdd69">+</a></p></div>
</div>[/html]