Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Hover Box (ii)
23/06/2012 | 26 comments


Assalamualaikum! Hello! Hai! Ok, tuto ni ada orang request. Saya buatlah ye ~

Preview :

Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>
<style type="text/css">
.box {
width: 265px;
padding: 10px;
background:url(url);}
.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>
OLDERNEWER