html 5 codes doesn't work in IE 10

Hi,

my code in html 5 doesn't work in IE 

the code is:

HTML

<div pic">

  <img src="http://lorempixel.com/300/300/nature/2" alt="sea">

</div>

CSS

 /*B&W*/

.bw {

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

.bw:hover {

  -webkit-filter: grayscale(100%);

}