#notes hover 03

Preview

Cole o código abaixo no seu css:

DIV DOS POSTS .permakau{width:50px;height:50px;font-family:pf arma five; position: absolute; font-size: 6pt;line-height:12px;float:center; text-align: center;z-index: 1000; overflow:hidden; background-color:#fff;letter-spacing:1px; top:20px; margin-left:-20px; padding:5px;border-radius:100%; opacity: 0.0;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; padding:4px; -webkit-transform:rotate(-360deg); -webkit-filter: blur(10px);}

DIV DOS POSTS:hover .permakau{

-webkit-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;overflow:hidden; opacity:1;left: 0px; margin-left:50px; border:1px solid #ddd;-webkit-transform:rotate(0deg); -webkit-filter: blur(0px);}

E agora cole esse código, abaixo da div depois de {block:Posts}

{block:IndexPage} <div class="permakau"> <br> <a href="{permalink}">{NoteCount} notes </a> <br> <a href="{ReblogURL}" target="_blank">Reblog</a></span></div> {/block:IndexPage}

Por Kauana | inspirar-r

Não reblog nem repasse