dicas blog
Home » , , » Como colocar efeito neon nas imagens do blogger

Como colocar efeito neon nas imagens do blogger

0
Nesse  tutorial  vou  mostrar  como   colocar  em  seu  blogger   o efeito  neon  hover   ao  passar  o  mouse  por  cima  de  uma  imagem  ou link  ou gadgets  de  parceiros, ele vai  ficar  fluorescente vai  dar  um  brilho  diferente  a  determinada  parte  de   seu  blog imagem ou  link.  para colocar  esse  efeito  e bem  simples   e  rápida   de  ser   feita  tendo  apenas  que  instalar  um  pequeno  código nos locais que você  quer  que  o  efeito  aconteça.  esse  código  nada  mais é do que  uma  borda  luminosa logo  abaixo  você  vera  um  exemplo de como  fica  o  efeito  neon nos  botões   do  blog.



Icon Icon Icon Icon Icon Icon



Código  abaixo  do efeito  neon:

 -webkit-box-shadow: 0 0 40px #CF0, inset 0 0 40px #CF0;    -moz-box-shadow: 0 0 40px #CF0, inset 0 0 40px #CF0;    box-shadow: 0 0 40px #CF0, inset 0 0 40px #CF0;

Tutorial  atualizado:código na caixinha abaixo.


Altere os seis locais  marcados em azul  para trocar a cor do  efeito.

Para  colocar  em  imagens procure  pelo hover de suas  imagens  veja  alguns exemplos abaixo.

#header  img {
             color:#0000;
             float:left;
}

Você terá  que encontrar 

#header  img:hover{
             color:#0000;
             float:left;
Código  do  efeito aqui


}

Caso  você  não  encontre a parte hover   de seus botões ou outra parte de seu  blog basta criar colocando ex seublog:hover {não esqueça de abrir  e fechar chave }

Para  links você  devera procurar pelo hover  dos  link   e seguir  os  passos  acima  sem  o (img) é lógico, bom  era  isso  duvidas e dificuldades é só perguntar.

0 comentários:

Postar um comentário