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