[html]<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
#testbox { width: 500px; height: 500px; position: relative; background-image: url('http://s9.uploads.ru/Mpdn8.jpg'); overflow: hidden
; }
#testbox h1 { font-weight: inherit; font-family: oswald; font-size: 15px; letter-spacing: 3px; color: white; z-index: 2; margin: 0px; text-align: justify; position: absolute; left: 180px; top: 160px; width: 150px; height: 200px; overflow: hidden
; }
#testbox h1:after {content: ""; display: inline-block; width: 140px;}
#testbox:hover .stutri { opacity: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; }
.stucontent { width: 350px; height: 350px; position: absolute; left: 60px; top: 60px; opacity: 0; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; background-image: url('http://i.imgur.com/2doJg1p.jpg'); z-index: 5; padding: 20px; }
.stucontent p { margin: 20px 20px 0 20px; padding-bottom: 10px;width: 350px; height: 350px; overflow: auto
; font-family: georgia; font-size: 10px; color: #212222; letter-spacing: 1px; -webkit-columns: 350px 4; -moz-columns: 260px 4; columns: 260px 4; text-transform: lowercase; line-height: 40px; text-align: center; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 10px; z-index: 6; }
#testbox:hover .stucontent { opacity: 1; webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.1s; }
.stucontent p::-webkit-scrollbar { height: 5px; width: 10px; background: transparent;}
.stucontent p::-webkit-scrollbar-thumb { background: #000; }
.stucontent p::-webkit-scrollbar-corner { background: #000; }
.stucontent p::-webkit-scrollbar-track { background: transparent; }
</style>
<center>
<div id="testbox" style="background-image: url('http://s9.uploads.ru/Mpdn8.jpg')">
<div class="stutri"><div class="stutri2"></div></div>
<h1></H1>
<div class="stucontent" style="background-image: url('http://s9.uploads.ru/NLPwa.jpg');">
<p>
<b>selena gomez </b> — back to you<br>
<b>алена швец</b> — мою первую любовь звали ненависть<br>
<b>madonna</b> — justify my love<br>
<b>the hardkiss</b> — little girl<br>
<b>juanes </b> — la camisa negra<br>
<b>riverdale cast </b> — i feel love<br>
<b>daughter </b> — burn it down<br>
<b>радиопомехи</b> — с краю<br>
<b>ruelle </b> — up in flames<br>
<b>nitemayor </b> — vampire<br>
<b>тима белорусских </b> — мокрые кроссы<br>
<b>static cycle</b> — call me home<br>
<b>sarah vaughan </b> — whatever lola wants<br>
<b>crystal castles </b> — baptism <br>
<b>my chemical romance</b> — the light behind your eyes<br>
<b>foster the people</b> — helena beat<br>
<b>психея</b> — бесконечный стук шагов<br>
<b>the soft moon</b> — far<br>
<b>тату</b> — покажи мне любовь<br>
<br><br><a href="https://soundcloud.com/norbert_like_the_dragon/sets/percent-spring-1-0" style="font-size: 30px; font-family: arial; letter-spacing: 1px; color: #950d0d;"> LISTEN</a>
</p></div>
</div>
</center>[/html]