Credits Section Hover

Assalamu'alaikum~ 

Siapa yang mau credits section seperti punya Salsa? Salsa juga udah lama nyari kode ini. Terima kasih juga buat Afiqah Junizan yang udah buat tutorial ini :)

Live Preview Click Here

• Template Designer : copy lalu paste-kan di HTML/JavaScript
• Blogskin : Copy lalu paste-kan di bawah kode </style>

codes :

<style type="text/css">
.box {
width: 265px;
padding: 10px;
background:url(Url Bakcground);}
.box2 {
padding:3px;
display:block;
height:17px;
width:255px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {height: 150px;}

h01{

font-family:consolas;

padding-top:1px;

font-size:12px;

color:#000;

text-align:center;

text-transform :uppercase;

background: pink;

letter-spacing:5px;

height:16px;

padding-left:6px;

display:block;

-moz-transition: 0.5s;

-webkit-transition: 0.5s;}

</style>

<div class="box"><div class="box2"><h01>title</h01>
<div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
you can put anything at here ngeee ~ whatever and ever. 
</div></div></div>

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest