Efeito Arco-íris nas imagens

by - junho 25, 2013


~~Yoo Meninas, queria agradecer a vocês que estão acompanhando o blog^^
A Mie Akashi, a Yui-chan, a Kim minha fofa que tá afastada essa semana estudando,
a Any-chan a Nanda-chan a Twi , a Isa Tsubaki a Anna que tá sumida , a mabel~~ E várias outras
que não botei o nome para não ficar muito grande^^

Muito obrigada a todas vocês, vocês são muito importantes para mim^^

O Tutorial foi um pedido da Isa Tsubaki, deixar  as imagens como as 
daqui do blog, estas mudam de cor tipo um arco-íris.
Esse  efeito aprendi no Reino Kawaii, com minha diva Roberta^^
É muito simples, muito mesmo, mas vai aparecer em todas as imagens dos gadgets, cabeçalhos, em tudo
mesmo, tipo aqui no blog^^

1- Modelo > Editar HTML > Prosseguir vão procurar (ctrl + f) pela palavra ]]></b:skin> 
E irão colar esse código logo ACIMA de ]]></b:skin>

img{
border: none;
-webkit-transition:1s;
margin: auto;
padding: 0;
}
img:hover{
-webkit-transition:1s;
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
}



Salve e pronto~~
~~Kissus *3*

Share
Tweet
Pin
Share
Tags :

You May Also Like

14 Comentários

  1. ♥ Yui-chan25 de junho de 2013 às 15:08

    WOW amei o tutorial tá tudo bem explicadinho ^^
    Hehe por nada,adoro esse blog vou estar sempre acompanhando,não é preciso agradecer ^^
    Mas,já que todo mundo tá agradecendo,obrigado por está acompanhando o meu blog também Gaby-chan!*--*
    eu já usei esse efeito no meu lay passado é tom kawaii!(me gusta arco-íris *---*)
    Bem eu queria saber se você pode fazer um tutorial...(já to irritando néh?)você sabe colocar dois backgrounds no blog??se sim pode fazer um tutorial??,sempre quis saber mas nunca consigo fazer pelos outros tutoriais....
    bem,é só isso mesmo kissus ;3

    ResponderExcluir
    Respostas
    1. Gaby Misaki25 de junho de 2013 às 17:26

      Yoo Yui-chan^^
      Obrigada, adoro seu blog!
      Ah, eu já fiz esse tutorial^^ Inclusive uso sempre esse estilo
      aqui no blog:http://garotasqcurtemanime.blogspot.com.br/2013/05/tutorial-como-usar-2-backgrounds-no-blog.html
      Kissus, espero que consiga ^^

      Abraços e tudo de bom~~

      Excluir
  2. Elizze25 de junho de 2013 às 16:09

    Yaaay, vou usar no próximo layout, obrigado *-*

    ResponderExcluir
  3. Mabel Maltine ♡25 de junho de 2013 às 16:13

    Que lindo, kawaii =3'
    Já estou usando no meu blog *-*

    ResponderExcluir
  4. Nanda-chan25 de junho de 2013 às 16:46

    Eu sempre quis saber onde vc soube fazer issso *O* OMG agoora eu sei !

    Obrigadinha >.<

    ResponderExcluir
  5. Unknown25 de junho de 2013 às 16:53

    Tem selinho para vc lá no blog
    http://atitudediva.blogspot.com.br/2013/06/selinhoo.html

    ResponderExcluir
  6. Y26 de junho de 2013 às 15:57

    Lindo o efeito vou usar ele no meu novo lay ^^
    Bjjs

    ResponderExcluir
  7. PaMu27 de junho de 2013 às 06:24

    Nhaa Obrigada eu que digo! =D
    sempre quis esse efeito no meu blog!
    acho que vou fazer novo layout... hehehe

    Kiss

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o, ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ (╯°□°）╯•ᴥ• (´･ω･`)