Yoo~
Como vocês estão? Hoje a postagem vai ser breve e curta. Bom, primeiro quero pedir pra vocês pedirem algo na ask, porque eu criei o blog com esse objetivo, e aqui tá muito parado :D
Também queria divulgar minha primeira fanfiction, que está ali do lado direito do cabeçalho, cliquem nela e vocês serão redirecionados para a história.
Agora, vamos falar sobre o tema principal, esse efeito super divo. Como aqui no goodies do blog só tem menus, resolvi trazer um efeito muito útil para imagens de welcome, afiliados, blogorrol, enfim, ele se chama efeito Gild.
Créditos: [www]
Like preview: [www]
Esse efeito foi personalizado um pouco, mas está bem facinho de entender.
Vá em modelo, editar html, e depois de <b:skin> cole esse código:
@-webkit-keyframes gild {50% {transform: rotate(10deg) scale(0.636);-webkit-transform: rotate(10deg) scale(0.636);-moz-transform: rotate(10deg) scale(0.636);-o-transform: rotate(10deg) scale(0.636);-ms-transform: rotate(10deg) scale(0.636)}50% {transform: rotate(-10deg) scale(0.636);-webkit-transform: rotate(10deg) scale(0.636);-moz-transform: rotate(-10deg) scale(0.636);-o-transform: rotate(-10deg) scale(0.636);-ms-transform: rotate(-10deg) scale(0.636);}99% { opacity: 0.0;}100% {-webkit-transform: rotate(0deg); opacity: 1;}}.gild: {display: inline-block; border-radius: 5px; position: absolute; padding: 3px 25%; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; }.gild:hover {-webkit-animation: gild .5s alternate linear;-webkit-transition:5s;}
Salve. Agora vá em layout, adicionar um gadget HtmlJavaScript e cole esse código:
<a href="LINK"><img src="LINK DA IMAGEM" class="gild"></a>
Salve. Vizualize, e se der algo errado, repita o processo.
Depois trago mais tutoriais. E não se esqueçam, visitem minha fanfiction e peçam pela ask.
Kissus...
Fica muito fofo esse efeito no blog!
ResponderExcluirBjs
luisadub.blogspot.com
Obrigada :D
ExcluirAdorei o efeito e vou ler a sua fic :]
ResponderExcluirkissus ;3
>> ncnosekai.blogspot.com
Obrigada sua fofa :3
Excluirmuito legal , adorei o tuto
ResponderExcluirwww.mymomentsz.blogspot.com
Obrigada Bruna :D
Excluiradorei o blog. seguindo :3
ResponderExcluirOnwwt *--* obrigada, mas porq não deixou o link do seu?
ExcluirAdorei o efeito ^^
ResponderExcluirMeu Mundo, Meu Estilo
Thanks ~
ExcluirMuito bom ;D
ResponderExcluirBrigadinha ...
ExcluirAdorei o tutorial,é super útil,talvez eu use no meu layout novo :)
ResponderExcluirlittl-things.blogspot.com
Esse efeito é realmente muito lindo e útil. Adorei o tutorial, com certeza vou tentar usa-lo em um layout meu!
ResponderExcluirhttp://jupseds.blogspot.com.br/ Seguindo, retribui? ;*
É claro que sigo :)
Excluirserio, gamo em blogs que meio que fazem esses tutoriais, acho super interessante. Também achei o blog lindo viu!!
ResponderExcluirjá to seguindo tbm *--*
então beijinhos, bia caspirro
http://www.pontoemcomum.com/
onwt obrigada sua fofa :D
ExcluirMuito fofo esse efeito!
ResponderExcluirbeeijo,
http://misssainha.com/
Brigadinhaa ~
Excluir