Sentiram saudades ? Haha (Não). Hoje eu vou trazer um efeito super fofo, talvez vocês tenham visto, ele da borda na imagem e fica redondo, menos uma parte, e o hover fica piscando e faz o círculo completo, tá eu não sei explicar. Gente, eu estou louca pra comprar aquelas bolsas de franjinha, eu tenho uma carteira que parece bolsa, super linda e uso bastante ela, até porque ela é mais fácil de encontrar aqui, já a de franjinha não. Ontem eu disse que estava atrasada pra escola e acabei nem indo por causa da minha bicicleta, liguei pra minha mãe me levar mais ela estava trabalhando, e pelos caminhos que eu vou só tem gente que meche comigo por causa da minha escola, então nem fui. Clique "Mais informações".
Bem, primeiramente vou creditar ao Kawaii-World pelo efeito do pisca-pisca, o resto, foi desenvolvimento nosso. Bem, a imagem a baixo é mais ou menos o efeito, antes dele virar um círculo, ele vai ficar piscando, é muito fofo u.u
Procure o código </head> e acima dele, cole:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
Agora acima de ]]></b:skin>, cole:
.flower img{
padding:1px;
-webkit-filter: opacity(78%);
border-top-left-radius:100px;
border-top-right-radius:100px;
border-bottom-left-radius:100px;
border-bottom-right-radius:10px;
border: 2px solid #CORBORDA;
-webkit-transition-duration:2.0s;
}
.flower img:hover {
padding: 1px;
-webkit-animation-name: pisca;
-webkit-animation-duration: 1s;
-webkit-transition-duration: 1.0s;
-webkit-filter: opacity(100%);
border-top-left-radius:100px;
border-top-right-radius:100px;
border-bottom-left-radius:100px;
border-bottom-right-radius:100px;
border: 2px solid #CORBORDA;}
Para o código pegar, basta criar uma nova gadget de HTML/JavaScript e colar:
<div class="flower"><a href="LINKBLOG"><img src="LINKIMG" /></a></div>
Se você quiser que apareça o título (Caso você tenha tooltip personalizado para ficar mais cute), é só copiar esse código ao envés do de cima:
<div class="flower"><a href="LINKBLOG" title="TITULO"><img src="LINKIMG" /></a></div>Enfim, experimentem para ver se vocês gostam e se usar, não esqueça de nos creditar, por favor. Eloísa.
Esse efeito é lindooo! Gosto muito dele quando vejo nos blogs hahaha. Ah e também to doida por uma bolsa de franjinha, faz muito tempo que quero e nunca achei uma pra mim. Acho muito linda hahaha. Beijos! ^^
ResponderExcluirRediscovering Dreams
*APSOASKOAKOAKOS' Que foto essa x)
ResponderExcluirQue efeito fofinho :3 Talvez use *-*
Kiss~
kim-chikimchi.blogspot.com
Que efeito mais lindo! Adorei *-*
ResponderExcluirTem post novo lá no blog, corre!
Beijos e até logo,
Mollie - Little Warrior.
Que bom que gostaram, haha, também gostei bastante dele :3
ResponderExcluir