Efeito preto e branco nas imagens


Olá meninas
Alguém pode Eu trousse um tutorial de como colocar efeito preto e branco nas imagens, é bem fácil, simples e rápido, espero que gostem.
Abaixo do seu <head> o seguinte código:
<filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter>
Depois acima do seu ]] cole:
img:hover {-webkit-transition-duration: .50s;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);}
img {-webkit-transition-duration: .50s; opacity:0.99;-moz-opacity: 0.99;filter: alpha(opacity=99);}
 

8 comentários:

  1. Já conhecia acho super lindo ^^

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
  2. Ja tinha esse tuto mas tinha esquecido dos codigos rç. Muito fofo o resultado [[=


    garotaperigosa.blogspot.com

    ResponderExcluir
  3. Adorei o efeito!


    vidadeumasone.blogspot.com

    ResponderExcluir
  4. Já usei esse efeito. Fofo.

    semprefuiestranha.blogspot.com | SEMPRE FUI ESTRANHA

    ResponderExcluir