filter grayscale - css эффект обесцвечивания изображения

При наведении на изображение оно становится цветным:

 

#HTML


<img class="grayscale" />

#CSS

.grayscale{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray} .grayscale:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:none}