Код:
<!--HTML-->
<center>
<div id="trc">
  <div class="trcimg"></div>
  <div class="trc1">склад</div>
  <div class="trc3"> Большое и сумрачное помещение, забитое не одним десятком ящиков и коробок всех размеров и форм. В дневное время суток, когда солнце разрезает  лучами склад изнутри через окошки-бойницы под потолком, в воздухе причудливо начинает танцевать пыль. Одно из немногих мест, до которого практически не добрались волчьи лапы — все коробы с грузом хорошо защищены от внешних воздействий, что не может не удручать Высших, которые всегда не прочь разжиться всевозможными припасами. Также здесь осталась пара погрузочно-разгрузочных машин, которые весьма интересуют некоторых личностей — в кабинах машин довольно часто можно встретить волка или даже пару, которые с интересом изучают человеческую приблуду или же просто сочли это место подходящим для спокойного сна.
</div>
</div>
</center>
<style>
#trc .trcimg {
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}
#trc:hover .trcimg {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.trc1 {
    position: absolute;
    top: 125px;
    font-family: Palatino Linotype;
    width: 550px;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 30px;
    color: #665b54;
    text-shadow: 1px 1px 1px #bdb4ae, 1px 1px 25px rgba(166, 126, 89, 0.68);
    -webkit-transition: all 0.8s ease-in-out 0.3s;
    -moz-transition: all 0.8s ease-in-out 0.3s;
    -o-transition: all 0.8s ease-in-out 0.3s;
    transition: all 0.8s ease-in-out 0.3s;
}
#trc:hover .trc1 {
top: 25px;
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}
.trc3 {
    height: 130px;
    width: 550px;
    top: 95px;
    border-style: solid;
    border-color: #3b2415;
    border-width: 3px 0px;    padding: 10px 30px;
    background-color: #948981;
    position: absolute;
    opacity: 0;
    overflow: auto;
    text-align: center;
    -webkit-transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;}
#trc:hover .trc3 {
opacity: 1;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
#trc {
height: 400px;
width: 600px;
position: relative;
overflow: hidden;
}
.trcimg {
height: 300px;
width: 600px;
position: absolute;
background-image: url("http://sf.uploads.ru/Pwg9j.jpg");
}</style></pre></div></div></div>