~Hi peoples
Já? Já, fiz a maratona de efeitos e a promessa era 10 as resolvi encerrar logo porque está acabando o ano e vai começar as provas de final de ano amanhã(
ou seja falta 2 ou 3 semanas para o fim do ano) e vou me dedicar aos estudos(só acho) e não vou ter tempo para fazer efeitos. Mas para fechar com chave de ouro fiz 2 efeitos lindos(era um mas mexi na opacidade e ficaram um nada a ver com o outro e eu curti os dois) vamos ver? Clique em
Continue lendo
Gente eu fiquei com preguiça e não fiz imagem assim para a outra não(desculpa). Primeiro acima de
]]></b:skin< cole:
@-webkit-keyframes girando {
|
1% {-webkit-transform: rotate(100deg); }
25% {-webkit-transform: rotatex(-100deg); } } .girando {opacity:0.6;-webkit-transition: .7s; border-radius: 5px; box-shadow: 2px 2px #FFBCC7;} .girando:hover {opacity:100;-webkit-animation: girando .7s alternate infinite linear;}
Salve e adicione um HTML java script e cole este código: |
<a href="URL DO LINK" target="_blank" style="font-style: normal;"><img src="URL DA IMAGEM" border="0" class="girando" title="NOME DO LINK" /></a>
Fácil né??? Agora vamos aprender o efeito Fantasma(preview clique aqui)
Cole acima de ]]></b:skin< este código:
@-webkit-keyframes fantasma {1% {-webkit-transform: rotate(100deg); } 25% {-webkit-transform: rotatex(-100deg); }}.fantasma {opacity:100;-webkit-transition: .7s; border-radius: 5px; } .fantasma:hover {opacity:0;-webkit-animation: fantasma .7s alternate infinite linear;}
E adcione um gadget html/javascript e cole este código:
<a href="URL DO LINK" target="_blank" style="font-style: normal;"><img src="URL DA IMAGEM" border="0" class="fantasma" title="NOME DO LINK" /></a>
Prontinho Beijos até o próximo post
|
|
|
|
|
Este comentário foi removido pelo autor.
ResponderExcluirQue bom que gostou. O 2° é mesmo muito cute!! Beijos
ExcluirGostei Muito do 2° Efeito,Muito Cute,Bjos
ResponderExcluirhttp://menina-sensivel.blogspot.com.br/
Que bom que gostou, volte sempre
Excluir