title: webkit-filter grayscale doesnt work
body: <p>The problem is that in notepad++ it does not come up as grey which made me think that it isn't a correct part of the code but I'm not sure because I am a newbie. The thing I want it to do is to display the image and make is greyscale when  I hover over it.</p>
  
  <pre><code>div.img2 {
      position: absolute;
      top: 0%;
      left: 0%;
      transition: grayscale 2s ease;
      -webkit-transition: grayscale 2s ease;
  }
  div.img2:hover {
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
  }
  </code></pre>