quarta-feira, 10 de julho de 2013

Efeito Kiss

| |
Postagem programada

Olá, cupcakes de chocolate com recheio de nutella e cobertura de chantilly de chocolate -q

Nem adianta, não consigo postar mais cedo que isso. Pela manhã é impossível fazer um post, pois tenho que estudar e cuidar da minha irmã. À tarde, estou na escola. Só me resta a noite, e, ainda assim, a inspiração tem que resolver me visitar. Hoje começaram minhas aulas, e para minha surpresa, estou feliz. Foi bom rever meus amigos, mas a saudade já passou, posso voltar às férias novamente heuhue' Não postei ontem, não é mesmo? Mas toda segunda-feira tenho aula de violão, e ela termina às dez da noite e por que estava fazendo o template do blog de previews. Espero que entendam, pois estou me esforçando para deixar o blog o mais atualizado possível.

Pela primeira vez na vida, consegui criar um efeito decente para postar aqui no blog. O efeito foi feito por mim, se usar ou reblogar, credite. O nome é péssimo, não tem nada a ver com o efeito, mas foi esse que veio na minha mente e eu coloquei. Não tenho muito o que dizer sobre o efeito, aliás, sou péssima em descrições. Existem muitos parecidos com ele por aí, mas, sei lá.
Para ver a preview, clique aqui e dirija-se ao gadget "Efeito Kiss"


1- No seu HTML, procure pela tag ]]></b:skin> e, acima, cole:
.kiss {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
}
.kiss:hover{
transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
-ms-transform: rotate(360deg) scale(1.5) skew(1deg) translate(0px);
}
2- Salve.
3- Adicione um gadget HTML/JavaScript e nele cole:
<img src="URLDAIMAGEM" class="kiss" /> 
Se quiser a imagem com link, cole:
<a href="LINK" title="TÍTULO"><img src="URL" class="kiss" /></a>
Depois posto o tutorial do Efeito Slim, que é bem parecido com este.
Espero que gostem ;3

2 comentários :

Oi sweet! Eu a-m-o comentários, mas siga essas regras, ok?

x NÃO fale palavrões;
x Se for me ofender, que seja com classe, pois irei responder do mesmo jeito;
x Não aceito comentário tipo "Seguindo, segue de volta?"ou "Visita meu blog?". Custa ler o post?;
x Pedidos - post, tutoriais e etc. -, divulgações, afiliações, parcerias e tal, peça pelo fomulário de contato, na página Contato.

Leu tudo? Agora pode comentar :)