Код:

<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #454545;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #4e4e4e;
-moz-box-shadow: 1px 1px 2px #4e4e4e;
box-shadow: 1px 1px 2px #4e4e4e;
background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/vxZpL.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">HYUGA NEJI</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Деспот? Не совсем. Но замашки подобные, все же, в нем есть. Для чего он убивает и приводит новых в клан? Потому что это необходимо, ибо не стоит недооценивать окружающий мир. Чем больше клан, тем будет проще выжить. <br /><br />
<font color="#837372">♦</font> Старается всегда следовать голосу разума, однако это не мешает Неджи любить свою сестру. Тем не менее, он не может понять, почему Хината настолько мягкая и в то же время не боится идти против его воли - подобное поведение сестры приводит старшего Хьюга в замешательство, хотя, при этом, активно он против нее не выступает, ограничиваясь лишь осуждением ее действий со своей стороны. <br /><br />
<font color="#837372">♦</font> Является лидером клана, несмотря на то, что прямой наследницей является Хината. По его мнению, у нее не хватит ни личных качеств, ни сил вести весь клан за собой, так как он всегда был куда авторитетнее ее. Обучает сестру по возможности, но, все же, не особо уделяет ей не так уж много внимания. <br /><br />
<br /><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>22 года<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Хьюга<br /></div></div>
</div>
</div>
</div>
</center>