Tutorial - Efeito preto e branco (HTML)

Natsu invadindo postagem: Yuri, justifique o texto da postagem e use um pouco de negrito e etc.

Oi lindinhos (^_^)/\(^_^)

Acabei de descobrir que os ingressos para o show do One Direction começará a vender dia 24, estou super animada porque todo o esforço que eu fiz para guardar dinheiro não foi em vão, estou com vontade de sair pela rua pulando de tanta alegria. Quem vai no show do Rio de Janeiro bate aqui O/ u.u

Hoje eu não trouxe materiais para vocês, me desculpem. Mas eu trouxe um tutorial, finalmente. O tutorial é como deixar o hover de suas imagens em preto e branco no HTML. Pelo que eu percebi tem vários blogs usando esse efeito, e achei uma boa ideia disponibilizar aqui. Vamos ao tutorial -qq

1. Procure pela tag: ]]></b:skin> e acima dela cole:
.pb {-webkit-transition-duration: .90s;}
.pb:hover {-webkit-transition-duration: .90s;-webkit-filter: grayscale(100%);}

2. Use esse código para aplicar na sua imagem
<img src="link da imagem" class="pb">

21 comentários:

  1. Nossa, os meninos farão um show no RJ? :( Se eu ainda morasse lá.. Não ia, AOSKASO' Odeio eles, sem ofensa -q Mas respeito ás fãs ♥

    Adorei o tutorial, sua diva! Acho que vou usar, u-u

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
    Respostas
    1. AEUHAUEHAUHU' Sim, sim. Não faça isso com eles u3u
      Obrigada <33

      Excluir
  2. Que layout perfeito desse blog, ótimo tutorial ^^'

    Adolescente Nerd

    ResponderExcluir
  3. O Efeito é lindo! Adorei o post ;)

    HTML Empire - http://html-of-empire.blogspot.com.br/

    ResponderExcluir
  4. Óptimo tuto *---* Eu agora uso outro efeito nas imagens (: Talvez mais tarde use este :p
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
  5. Muito bom o tuto ^^ Veja>>http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  6. Adorei o tutorial *-*
    Já conhecia o efeito, fica muito bonito <3

    @catching--stars

    ResponderExcluir
  7. Desculpe, não temos vaga, e mesmo que tivesse seria reservada. Você poderia ter comentado sobre a postagem, então tá né.

    ResponderExcluir
  8. Já uso este efeito, eu acho que é o mesmo.. É um ótimo efeito, ah. lindo blog! :3

    Beijos, Sea Of Stars ♥

    ResponderExcluir
  9. Nossa é super útil , eu vou começar a usar haha' *u*
    Vaga para Afiliados :3

    ResponderExcluir

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!