Gamei nessa header, duas divas juntas \o/ Olá amores como estão? Convidei a AnaE do C4p4sPSD pra postar aqui no blog e ela aceitou, provavelmente ela começa no sábado *o* as capas dela são lindas, podem babar -q fiquei muito feliz que ela aceitou ao meu convite até porque ela vai trazer mais coisas legais pra vocês, mas enfim u.u no sábado iram saber mais sobre isso. Gente, a letra da postagem na personalizada na casa de vocês? Eu tenho um seminário pra apresentar amanhã e quase não estudei '-' mas ainda bem que eu gravo rápido. Como não pode faltar o poste diário vim hoje mas to meio sem tempo, depois eu respondo todos os comentários tá? Eu e eu preciso adicionar os novos tutoriais no menu '-' k ai gente, tanta coisa pra fazer.
Preview
Ele vai funcionar no Chrome, Mozila, Opera e Safari.
Esse código você cola antes de ]]></b:skin>, não mude nada aqui.
@-webkit-keyframes decreasing {E pra usar é esse aqui
0% {margin-left:0px;}
10% {-WEBKIT-TRANSFORM: SCALE(.90);-MOZ-TRANSFORM: SCALE(1.00);}
20% {-WEBKIT-TRANSFORM: SCALE(.80);-MOZ-TRANSFORM: SCALE(.80);}
30% {-WEBKIT-TRANSFORM: SCALE(.70);-MOZ-TRANSFORM: SCALE(.80);}
40% {-WEBKIT-TRANSFORM: SCALE(.60);-MOZ-TRANSFORM: SCALE(0.60);}
50% {-WEBKIT-TRANSFORM: SCALE(.70);-MOZ-TRANSFORM: SCALE(.80);}
60% {-WEBKIT-TRANSFORM: SCALE(.80);-MOZ-TRANSFORM: SCALE(.80);}
70% {-WEBKIT-TRANSFORM: SCALE(.90);-MOZ-TRANSFORM: SCALE(1.00);}
80% {-WEBKIT-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
90% {-WEBKIT-TRANSFORM: SCALE(1.20);-MOZ-TRANSFORM: SCALE(1.10);}
100% {-WEBKIT-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
}
.decreasing {-webkit-transition: .9s; border-radius: 5px; margin-left: 5px;}
.decreasing:hover {-webkit-animation: decreasing 2s alternate ;}
@-moz-keyframes decreasing {
0% {margin-left:0px;}
10% {-moz-TRANSFORM: SCALE(.90);-MOZ-TRANSFORM: SCALE(1.00);}
20% {-moz-TRANSFORM: SCALE(.80);-MOZ-TRANSFORM: SCALE(.80);}
30% {-moz-TRANSFORM: SCALE(.70);-MOZ-TRANSFORM: SCALE(.80);}
40% {-moz-TRANSFORM: SCALE(.60);-MOZ-TRANSFORM: SCALE(0.60);}
50% {-moz-TRANSFORM: SCALE(.70);-MOZ-TRANSFORM: SCALE(.80);}
60% {-moz-TRANSFORM: SCALE(.80);-MOZ-TRANSFORM: SCALE(.80);}
70% {-moz-TRANSFORM: SCALE(.90);-MOZ-TRANSFORM: SCALE(1.00);}
80% {-moz-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
90% {-moz-TRANSFORM: SCALE(1.20);-MOZ-TRANSFORM: SCALE(1.10);}
100% {-moz-TRANSFORM: SCALE(1.00);-MOZ-TRANSFORM: SCALE(1.00);}
}
.decreasing {-moz-transition: .9s; border-radius: 5px; margin-left: 5px;}
.decreasing:hover {-moz-animation: decreasing 2s alternate ;}
@-o-keyframes decreasing {
0% {margin-left:0px;}
10% {-o-TRANSFORM: SCALE(.90);-o-TRANSFORM: SCALE(1.00);}
20% {-o-TRANSFORM: SCALE(.80);-o-TRANSFORM: SCALE(.80);}
30% {-o-TRANSFORM: SCALE(.70);-o-TRANSFORM: SCALE(.80);}
40% {-o-TRANSFORM: SCALE(.60);-o-TRANSFORM: SCALE(0.60);}
50% {-o-TRANSFORM: SCALE(.70);-o-TRANSFORM: SCALE(.80);}
60% {-o-TRANSFORM: SCALE(.80);-o-TRANSFORM: SCALE(.80);}
70% {-o-TRANSFORM: SCALE(.90);-o-TRANSFORM: SCALE(1.00);}
80% {-o-TRANSFORM: SCALE(1.00);-o-TRANSFORM: SCALE(1.00);}
90% {-o-TRANSFORM: SCALE(1.20);-o-TRANSFORM: SCALE(1.10);}
100% {-o-TRANSFORM: SCALE(1.00);-o-TRANSFORM: SCALE(1.00);}
} .decreasing {-o-transition: .9s; border-radius: 5px; margin-left: 5px;}.decreasing:hover {-o-animation: decreasing 2s alternate ;}
<img src="LINK DA IMAGEM" class="decreasing" />
Usando já!
ResponderExcluirBjão!
chocolatenacereja.blogspot.com
Bem legal ^^
ResponderExcluirBeijos, Lili
Princesa Teen, clique aqui / O blog !
Fan Page / Curta?
Awnnnnnnnnnn, perfeito ♥
ResponderExcluirBeijos,
Juu-Chan do Nescau com Nutella.
Ótimo tuto.
ResponderExcluirspace-sweet-girl.blogspot.com.br
Amei, achei super útil! haha muito bacana o efeito! Adorei o seu post, muito legal, seu blog é muito lindo, eu já estou te seguindo, caso queira me seguir o meu link é
ResponderExcluirhttp://blogportrasdooculos.blogspot.com.br/
Ficaria muito feliz em ter você no meu blog! bjbj e sucesso pra ti.
<3