domingo, 20 de março de 2016

Teste de Postagem

ú.ú Olá gente , antes o sem vergonha aqui queria pedir desculpas por não postar semana passada pois eu estava viajando :) ,Bom no grupo da Kaorii ela postou um post de comida todos começaram a falar de comida, agora a culpa é sua Clara, agora eu estou com fome e aqui em casa não tem comida e.e ~chora .Como foi a semana de vocês ? a minha foi demais foi uma das melhores semanas da minha vida. pdc que foi sim -melhor do que o carnaval :v
Bom hoje eu vim trazer um efeito para afiliados que eu fiz há muito tempo mas resolvi postar agora o nome do efeito é Circulation ele é um bom efeito para ser usando em afiliados eu gostei muito dele apesar de ser meu primeiro efeito não vou me gabar por isso você pode encontrar o preview aqui
Vá no seu Html e Tecle Crtl+F e procure por ]]></b:skin>
Antes do codigo que você achou e cole um desses codigos Efeito 1
.circulation{ outline: solid 1px #fff; outline-offset: -5px; -webkit-transition: 0s linear; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transition-duration: 2.1s; -webkit-filter: none; -webkit-transition:all 1s ease;padding: 3px; cursor: help; } .circulation:hover{ -webkit-transform: scale(1.20); -moz-transform: scale(1.20); -webkit-transform: rotate(-1080deg); -moz-border-radius: 90px; -webkit-border-radius: 80px; padding: 3px; -webkit-filter:sepia(1); cursor: help; outline: solid 60px transparent; opacity: 0.4; outline-offset: -110px; -webkit-transition-duration: 3.0s; }
Efeito 2
.circulationdois{ outline: solid 1px #fff; outline-offset: -5px; -webkit-transition: 0s linear; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transition-duration: 1.4s; -webkit-filter: none; -webkit-transition:all 1s ease;padding: 3px; cursor: help; } .circulationdois:hover{ -webkit-transform: scale(1.20); -moz-transform: scale(1.20); -webkit-transform: rotate(-1080e); -moz-border-radius: 50px; -webkit-border-radius: 50px; padding: 3px; -webkit-filter:grayscale(1); cursor: help; outline: solid 60px transparent; opacity: 0.4; outline-offset: -110px; -webkit-transition-duration: 1.4s; }
Agora que você ja colocou o código, para aplicar o efeito você vai colocar o código seguinte no gadget ou em outro canto
Efeito 1 <img src="URL DA SUA IMAGEM" class="circulation"> Efeito 2 <img src="URL DA SUA IMAGEM" class="circulationdois">
Bom gente é um tutorial bem simples como vocês podem ver se usarem por favor creditem e se gostarem ou sarem comentem aqui em baixo :D

Nenhum comentário:

Postar um comentário