<!--HTML--><div class="prusheen-some" style="background: url(https://forumupload.ru/uploads/0019/c8/05/5/53454.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">
˟ здесь можно собрать ˟ | |||||||||||||||
мать-и-мачеха | апр[●●]июл | подорожник | май[●●]авг | ● — зима |