CSS跨浏览器灰度转换

Question

我需要灰度图像在悬停时变为彩色的图像。 另外我想为悬停添加过渡效果。

.logos img {
    width: 400px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
}

这很好用，但只是在Firefox上，但我需要它适用于所有常见的浏览器：

https://jsfiddle.net/r6q2m065/

非常感谢你的帮助！