Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Hover Box (v)
15/11/2012 | 6 comments

Preview :
Template Designer : Paste dekat Html/Javascript.
Blogskins :  Paste dekat bawah </style> .

<style>
.box5 {
border-radius:20px;
border:1px dashed #eee;
width:150px;
overflow:hidden;
height:20px;
color:#aaa;
position:fixed;
left:30px;
top:250px;
text-align:center;
moz-box-shadow: 0 0 1px pink;
-webkit-box-shadow: 0 0 8px pink;
padding:4px;background: #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

.box5:hover {
height:150px;
width:250px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

</style><div class="box5">Titlo<br /><br />
you can put anything at here such as twitter update , status and bla bla bla.
banner also can.</div>

OLDERNEWER