19 de fev. de 2013

Tutorial : Efeito opaticy na imagens do blog


Galeeerinha do mal u.u ' à tempos eu vinha procurando como que muda o cursor quando passa o mouse em cima da imagem , hoje descobri *o*. O código original do efeito é do SP , ai eu adicionei cursor: crosshair; ( é o código para transformar o cursor em cruz )

1. Procure pela famosa tag : ]]></b:skin>

2. acima dela cole isso :
.main img {
cursor: crosshair;
 filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: .70s;}
.main img:hover {
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity:0.45;
-webkit-transition-duration: .70s;}

10 comentários:

  1. Amore eu amei! eu gostaria que visitasse o meu blog ok? pq seu blog tah demais,eh muuito lindo e espero que goste..se gostar espero que siga,mais to t esperando viu? Beijos amore

    www.teenworl18.blogspot.com

    ResponderExcluir
  2. Otimo tutorial. estou te seguindo. me ajuda com minha meta de 100 seguidores ?
    teen-world-girls.blogspot.com.br/

    ResponderExcluir
  3. Ótimo tutorial! Seu layout tá muito lindo super divo! Foi você quem fez ? Que queria pedir para você postar 2 tutoriais eu queria muito saber como você fez para personalizar os comentarios desse jeito tão fofo ! e queria saber como você fez para o cabeçalho ficar bem grande! Vlw ♥

    lembra de mim Emilia lá do Coff Emilia?? Sua seguidora??
    Bom eu queria muito pedi desculpas por sumi e nunca mais ter aparecido aqui no blog, mas agora eu voltei!
    Um grande beijo Emilia.

    coffemilia.blogspot.com♥

    ResponderExcluir
  4. Olá!!!, Deus seja contigo, esta imagem ficou o máximo amei, blog maravilhoso sucesso.
    Já estou te seguindo, Aguardo retribuição, Siga, twitter, instagram, fan Page, e o meu canal do you tube,Já estou te seguindo, Aguardo retribuição.
    Blog: http://arrasandonobatomvermelho.blogspot.com.br

    ResponderExcluir
  5. Nossa que legal, adoro esse efeito!
    Vou ver se uso no próximo layout que eu fizer, vlw!!

    Beijinhos Emília França|coffemilia.blogspot.com

    ResponderExcluir
  6. Adoro esse tuto! <3
    http://alternativeyeah.blogspot.com.br/

    ResponderExcluir
  7. Olá amor eu sou a dona do
    http://imaginecomonedeirection.blogspot.com.br/

    Você não gostaria de trocar afiliação?

    Eu ponho você como afiliado no meu blog e você ponha eu como afiliado no seu?
    Bom o meu você já está :)

    ResponderExcluir
  8. Pâh, eu gostaria de pedir para você leitora do Coff Emília que por favor, votasse e colocasse a sua opinião, para me ajudar a resolver o futuro do blog.
    Muito obrigada, um feliz 2014.

    (neste post aqui: http://coffemilia.blogspot.com.br/2013/12/vamos-decidir.html)

    ResponderExcluir
  9. Nossa , deixou linda as imagens que tinha no meu blog :D
    Valeu otimo tutorial :D
    Beijos Isabella
    http://one-morning.blogspot.com.br/

    ResponderExcluir