Efeito Almond (exclusivo)

Olá gente linda do meu coração, tudo bem com vocês? Eu estou ótima, ainda mais depois de ver que ficaram feliz pelo meu retorno hehe! Demorei um pouco pra postar porque comecei a ler um livro novo, muito viciante devo dizer, mas até me estranhei porque quando vicio em um livro, geralmente eu o leio em 1 dia no máximo e esse eu estou no terceiro dia já. Deve ser porque quando eu li o primeiro eu fiquei tão triste que acabou que esse eu estou dando uma maneirada, mas ainda tem muitos mais porque é uma série esse livro, mas infelizmente só os dois primeiros tem tradução para o português, mas eu estou lendo traduzido em PT, o que nao é dificl é, só algumas palavras que são meio confusas.

Enfim gente, hoje eu trouxe pra vocês um tutorial de um efeito que eu mesma fiz, em especial para afiliados mais podem usar em qualquer fotinho da sidebar de vocês ou aonde vocês quiserem e decidi que todos os efeitos, menus e etc serão de minha autoria! Caso queiram conferir o resultado final do efeito leiam a postagem inteira!



Procure por ]]></b:skin> e acime cole:

.almond{
margin-top: 19px;
background: #fff;
border: 3px solid #a2c3c0;
box-shadow: inset 1px 1px 0px #a2c3c0;
opacity: 0.70;
height: 50px;
width: 50px;
outline: 1px solid #cdd99c;
outline-offset: -30px;
-webkit-transition:all 1s;
-webkit-transition-duration: .50s;
border-radius:0px 20px 0px 20px;
box-shadow: inset 0 0 6px #bdd1cf, 0px 1px 1px #bdd1cf;
}
.almond:hover{
border-radius:20px 0px 20px 0px;
-webkit-transition-duration: .90s;
opacity: 1;
height: 50px;
width: 50px;
outline: 1px solid #fff;
outline-offset: -60px;
border: solid 3px #C5B9C8;
box-shadow: inset 0 0 6px #D4E3E8, 0px 1px 1px #D4E3E8;
transform: rotateY(-360deg) scale(1) skew(0deg);
-moz-transform: rotateY(-360deg) scale(1) skew(0deg);
-webkit-transform: rotateY(-360deg) scale(1) skew(0deg);
-o-transform: rotateY(-360deg) scale(1) skew(0deg);
-webkit-transition-duration: .50s;
}

Após isso adicione um gadget html/javascript e nele cole o seguinte código:
<a href="https://www.blogger.com/Link" target="blank" title="NOME"><img class="almond" src="http://i.imgur.com/cY6pDAe.png"/></a>
<a href="https://www.blogger.com/Link" target="blank" title="NOME"><img class="almond" src="http://i.imgur.com/cY6pDAe.png"/></a>
<a href="https://www.blogger.com/Link" target="blank" title="NOME"><img class="almond" src="http://i.imgur.com/cY6pDAe.png" height="/></a>
</div> 

6 comentários

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Oláa, gabriella <3 Cara, eu li o post passado e saí sem comentar, acredita? Eu e minha mania se sair fechando as guias do nada (TT-TT) Mas... QUE BOM QUE VOCÊ VOLTOU, EU VINHA AQUI QUASE TODO DIA E TAVA FECHADO :c VOCÊ EVAPOROU QUE NEM CHÁ :'c Massss, enfim...

    Eu estou muuito bem. Que layout arrasador esse <3 Como, Deus, como um layout tecnicamente simples consegue divar e ser tão perfeito? *u*
    Eu também sou assim, o livro que mais demorei para ler foi Diário de Bridgit Jones: no limite da razão, mas não terminei e.e Não tava gostando muito, ela fala umas coisas que eu fico boiando legal hue. Qual é o nome do livro? ~querendo roubar a leitura dos outros, vê se pode .q heueh ~
    Algumas palavras do português de portugal são complicadinhas mesmo, eu já tentei ler uma fanfic de lá e putz... Até desisti :c Vamos torcer para que a editora traduza os outros logo c:

    Gente, esse efeito é uma gracinha >3< amei. Parece uma folhinha u.u
    Kissus, gabriella. ~cof,cof, acostumei a te chamar de hye e.e ~
    Sorry pelo comentário gigante. *risos*
    =^-^=

    ResponderExcluir
    Respostas
    1. Menina não estou acreditando nisso! Eu não acho que está divando mas obrigada <3
      Qie bom que gostou e magina, pode comentar assim sempre que quiser <3

      Excluir
  3. Olá~ Está tudo bem comigo sim. Eu queria me desculpar por não ter comentado esses dias ;-; a biblioteca em que trabalho anda exigindo muito de mim, e confesso, pensei que bibliotecas eram calmas. Fui otária. Em relação a postagem, eu adorei o efeito, talvez eu use no meu próximo template e é bem legal. Beijão~

    pureandsexy.blogspot.com {Automatic}

    ResponderExcluir
    Respostas
    1. Me magoou friend! Vc trabalha em uma biblioteca? Que massa, eu queria trabalhar... mas eu não consigo arranjar emprego euheueheuh Que bom que gostou, obrigada!

      Excluir

Layout Free - Design e Desenvolvimento por: Adorável Design