[html]<div id="p8-content" class="post-content">
<div class="htmldemo"><div class="prusheen-some" style="background: url(http://forumupload.ru/uploads/0019/c8/05/5/150913.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-text > span:after {
content: "";
background: #555; /* цвет полосочки разделителя */
display: block;
height: 1px;
width: 100px;
position: absolute;
left:40%;
bottom: 0}
.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>
</div>[/html]