Yo gente,voltei mas sem a fic,tipo só por enquanto.Bom o Lipe-kun,me pediu um tutorial já faz acho que uns dois dias,e eu a preguiçosa não fiz ainda o tuto.Mas eu agora,neste exato momento estou trazendo o tutorial.Bom sabe o efeito que eu uso nos afiliados?Então ele queria saber como faz,e eu estou trazendo o tuto de como faz.Primeiramente queria avisar que o tuto não é meu é deste blog aqui.
Esse blog chama-se Eu Amo Html,ele é um dos nossos afiliados,e eu gosto muito dele pois alem de ele postar vários tutoriais diferenciados,ele ensina a fazer KeyFrames,e a dona é muito legal.
Bom vamos ao efeito?
Para quem não sabe ou como eu tem preguiça de ir até os afiliados eu trouxe um live preview para vocês:
Bom procure por :
]]><b:skin
E acima dele cole:
@-webkit-keyframes efeito-shaking-isa {
0% {-webkit-transform: rotate(-5deg); }
25% {-webkit-transform: rotate(4deg); }
50% {-webkit-transform: rotate(-6deg); }75% {-webkit-transform: rotate(9deg); }100% {-webkit-transform: rotate(-5deg); }100% {-webkit-transform: translatey(-10px);}}@-moz-keyframes efeito-shaking-isa {0% {-moz-transform: rotate(-5deg); }25% {-moz-transform: rotate(4deg); }50% {-moz-transform: rotate(-6deg); }75% {-moz-transform: rotate(9deg); }100% {-moz-transform: rotate(-5deg); }100% {-moz-transform: translatey(-10px);}}@-o-keyframes efeito-shaking-isa {0% {-moz-transform: rotate(-5deg); }25% {-moz-transform: rotate(4deg); }50% {-moz-transform: rotate(-6deg); }75% {-moz-transform: rotate(9deg); }100% {-moz-transform: rotate(-5deg); }100% {-moz-transform: translatey(-10px);}}.efeito-shaking-isa {-webkit-transition: .7s; border-radius: 5px;box-shadow: 1px 1px #caebe6;}.efeito-shaking-isa:hover {-webkit-animation: efeito-shaking-isa .7s alternate infinite linear;}
E depois vá até o local aonde você ira adicionar tal efeito e cole:
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
Bom é só isso ^^
Bom gente eu vou terminar de fazer minha lição,terminar o lay free,e a fic,sim estou lotada shahsuahs
Bom é isso
Bye Bye
Obrigado karin-Chan , vou coloca-lo no meu novo lay que estou a preparar !
ResponderExcluirhttp://shinigamipower.blogspot.com.br/
De nada ^^
ExcluirMal espero para ver o novo lay
Kkk ciúmes no ar??
ResponderExcluirQue isso todo mundo aqui ama suas postagens tb
Nom é ciumes ¬3¬
ExcluirHeheheh,obrigada.
Então ñ vai se importar se eu usar né?!?!
ResponderExcluirNom nom pode usar ^^
Excluir