Efeito Magic

2 de out de 2013
Oie gente :)
ahh as outras duas postagens foram programas tá kk...
Até que tô conseguindo dar mais tempo ao blog... -Tbm né...a semana toda sem aula u.u
Trouxe hoje um efeito para imagems,espero que goste :)
créditos ao : Bk

1. Vá no seu HTML e cole o código abaixo antes de ]]></b:skin>


@-webkit-keyframes magic {
0% {-webkit-transform: scale(1); }
50% {-webkit-transform: scale(0.5); }
63% {opacity: 0; }
75% {-webkit-transform: scale(1.1); }
100% {-webkit-transform: scale(1); }
}
.imagem {background: url('LINK-DA-IMAGEM'); -webkit-transition-duration: 1.0s; width: 100px; height: 100px;display: inline-block;}
.imagem:hover {background: url('LINK-DA-MESMA-IMAGEM-ESCRITA-OU-EDITADA'); -webkit-transition-duration: 1.0s;-webkit-animation: magic 1s alternate;}

2. Para usar o efeito, você adiciona um gadget de HTML e cole o seguinte nele

  <div class="imagem"></div>

Explicações: Os links das imagens você deve colocar no HTML onde está indicado.
O efeito não contem link. Para mudar o tamanho da imagem que vai ficar, vá no código do efeito, e troque o width: 100px e o height: 100px pelo tamanho que você queira. 

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!