How to add cute sliding box to your blog


[View Demo Here ]

<style text="css">
.da {
position:absolute;
top:100px;
width:200px;
left:-230;background: url("http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho40.gif") no-repeat scroll right top transparent ;
padding: 10px 60px 10px 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
.da:hover {
position:absolute;
top:100px;
left:0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
.ba {
border:1px solid #eee;
width:100%;
padding:5px;}
</style>
<div class="da">
<div class="ba">
Your cbox codes / anything</div>
</div>
</div>
</div>


Labels: