personal site

pinky bloggie

ini codenya, boleh paste dekat mana2 yang korang nak

<style>
.pic {width:200px; height:150px; overflow:hidden; border:5px solid #000; -webkit-transition-duration:0.7s; margin-top:3px}
.pico {width:200px; height:150px; -webkit-transition-duration:0.7s; position:absolute; overflow:hidden}
.pic:hover .textr {margin-top:50%; -webkit-transition-duration:0.7s; opacity:0.8}
.textr {background-color:#ffacfa; color:#eee; font:arial 12px; text-align:center;border: 3px solid #A9E2F3; width:200px; margin-top:0px; padding:5px; -webkit-transition-duration:0.7s; opacity:0}
</style>
<div class="pic">
<img class="pico" src="http://data.whicdn.com/images/44019651/il_570xN.376018680_pfy0_large.jpg">
<div class="textr">pinky bloggie</div>
</div> 

Post a Comment