替代Firefox的-webkit轉換？

Question

我使用css3將圖像製作成黑白色，然後將它們着色爲ob懸停。我使用-webkit-transition在Chrome和Safari中創建了一個很好的效果，併爲firefox提供了一個.svg解決方案，其中沒有圖像轉換。是否有可能在Firefox上進行轉換？

網站：Svenssonsbild.se

CSS：

img.attachment-full { 
filter: grayscale(100%); 
-webkit-filter: grayscale(100%); /* For Webkit browsers */ 
filter: gray; /* For IE 6 - 9 */ 
-webkit-transition: all 1s ease; /* Fade to color for Chrome and Safari */ 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><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></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ 

Answer 1

使用-moz-transition爲Firefox。

Answer 2

使用此（虛擬數據）

-webkit-transition: all 500ms ease; /* Chorme */ 
-moz-transition: all 500ms ease;  /* Firefox */ 
-ms-transition: all 500ms ease;  /* IE */ 
-o-transition: all 500ms ease;   /* Opera */ 
transition: all 500ms ease;   /* All */