1/21/2015

Efeito Pingos De Cristal.

Yoo bolinhos,to com uma preguiça daquelas,por que?Tá fervendo demais aqui é SP,mas eu tenhp responsabilidade e vim postar  aqui,então hoje estou trazendo um efeito super legal! 
                                                                              
É como vocês leram ali em cima docinhos,bom estou tão cheia de preguiça que esse post será rapido,sem muito texto (aleluia).
Para colocar o efeito vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e depois aperte Ctrl+F e procure por: ]]></b:skin
E cole isso acima do código procurado:
.efeitopingosdecristal{ transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px); -webkit-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px); -ms-transform: rotate(0deg) scale(0.836) skew(1deg) translate(0px); } .efeitopingosdecristal:hover{ transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px); -webkit-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px); -moz-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px); -o-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px); -ms-transform: rotate(13deg) scale(0.456) skew(1deg) translate(0px); }
  Não mude nada apenas Salve! E agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole esse código:
<a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a> <a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a> <a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a> <a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitopingosdecristal" /></a> 
Onde está escrito URL é o link do blog ou do local que ao clicar quer que seja redirecionado. Onde está escrito NOME é o nome do blog ou do local e onde está escrito URL DA IMAGEM é onde você irá colocar o link da imagem que você quer.

Então foi rapidinho né?Kissus

4 comentários :

  1. Poxa, acho que deveria ter o preview (ou visualização) dos efeitos Ç-Ç

    [Naka Pyon!] - Visite!

    ResponderExcluir
    Respostas
    1. Desculpá peguei em outro blog e não tinha preview mais irei fazer.
      Kissus

      Excluir
  2. Adorei o post, vou colocar lá no blog, Bjs

    ResponderExcluir
    Respostas
    1. Sem problemas Gi é só dar os devidos créditos <3

      Excluir