aqui nene

@font-face{
src: url(https://static.tumblr.com/7mfo03b/swlp1abuc/starz_2.ttf);
font-family:"Star"}
#cxthemes {position:fixed; width:535px; height:500px; margin-left:20px;    margin-top:120px; overflow:auto; background:#f6c4cc;}
#thms {display:inline-block; width:250px; height:150px; overflow:hidden; margin-top:10px; margin-left:10px;}
#thms img{width:100%; height:150px;}
.hover{position:absolute; display:inline-block; overflow:hidden; background:rgba(0,0,0,.6); width:250px; height:150px; opacity:0; transition:.5s;
transform:scale(0.9); text-align:center; color:white; text-transform:uppercase; font-family:calibri; font-size:12px; text-shadow:1px 1px 1px rgba(0,0,0,.5); margin-top:-152px; margin-left:0px;}
.hover big {font-size:16px;}
#thms:hover .hover{opacity:1; transition:.7s; transform:scale(1);}
.informs {display:inline-block; margin-top:40px;}
.informs a:hover {border-bottom:1px solid #7cbfbe;}


<!---------------------------------------------------------------->


<div id="cxthemes">
<!--THEME #1-->
<div id="thms">
<img src="http://i.imgur.com/qVPt4oX.png"/>
<div class="hover">
<div class="informs">
<big>THEME FEMININO #1</big><br>
UPDATED DAY DD/MM
<br> <font style="font-family:star; font-size:20px; color:#ef9da9">A</font><br> <a href="/">Preview</a> —
<a href="/">Download</a></div>
</div></div>

<!--THEME #2-->
<div id="thms">
<img src="http://i.imgur.com/qVPt4oX.png"/>
<div class="hover">
<div class="informs">
<big>THEME FEMININO #2</big><br>
UPDATED DAY DD/MM
<br> <font style="font-family:star; font-size:20px; color:#ef9da9">A</font><br> <a href="/">Preview</a> —
<a href="/">Download</a></div>
</div></div>

<!--THEME #3-->
<div id="thms">
<img src="http://i.imgur.com/qVPt4oX.png"/>
<div class="hover">
<div class="informs">
<big>THEME FEMININO #3</big><br>
UPDATED DAY DD/MM
<br> <font style="font-family:star; font-size:20px; color:#ef9da9">A</font><br> <a href="/">Preview</a> —
<a href="/">Download</a></div>
</div></div>
</div>