Efeito Arco-Iris nas Imagens

10 de ago de 2013
Olá gente Boa noite :)
Desculpa estar sem postar direito aqui...esses dias todos ai estava arrumando as tags do blog
agora está tudo Okay e vocês agora tem um menu das tags para navegar :)
Ahh  a Parceiria com a Tpm de Ofertas está fechadissima (Eu Feliz *--*)
Bom gente Por hoje é isso.Se der amanhã eu volto...Terá churrasco aqui então nem sei se vou ter tempo..
Boa Noite a Todos

Efeito Arco-iris



1- Vá até editar HTML e procure por ]]></b:skin>. Acima do código encontrado, cole:
 .arcoiris {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}
  2- Em um gadget de HTML/JavaScript, cole o seguinte:(PARA AFILIADOS)
<a href="LINK DO BLOG" title=' TITULO DO BLOG ' ><img src="LINK DA IMAGEM" class="arcoiris" /></a>
 3-Para colocar em apenas uma Imagen  na postagem Coloque na parte de HTML
<img src="LINK DA IMAGEM" class="arcoiris" /></a>
4-Para colocar em todas as imagens do Blog Procure por
 /* Posts--------------------
E abaixo cole
post img { 
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);}

6 comentários :

Isabela Silva disse...

Amei o tutorial! <3
Ficou bem explicadinho e achei muito fácil ^.^
Retribui o comentário!? - Bijus Bel
Beijinhos flor.

Thamirys Gomes disse...

o meu n funciounou :(

Thamiris Lara disse...

É bem facil mesmo :)
Retribuo sim....

Bjs

Thamiris Lara disse...

Tenta Colocar o código depois da tag
Mobile

Bjs

Mariia Martins disse...

Que liindo amei o efeito muito bom
beijos mari a
te espero no meu cantinho
Complicada & Imperfeita* Adolescente*

Thamiris Lara disse...

Que bom :)

Bjs

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!