如何在給定的Webkit CSS屬性中找到Mozilla的等價屬性

Question

是否有任何工具/網站可以在給定的Webkit CSS屬性中獲得Mozilla中的等價屬性？

例如：

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#869ab3)); 
euavalent to 
    background:-moz-repeating-linear-gradient(white, #869ab3); 

和像

1. -webkit-appearance
2. -webkit-border-radius

或更多的特性，知道有沒有對於一些Webkit的CSS任何等價的屬性，如

-webkit-transition:height 0.5s ease-in, padding-top 0.5s ease-in, padding-bottom 0.5s ease-in; 
-webkit-transition-delay:0.5s; 

我也想知道Mozilla的相當於該物業的：

background:-webkit-gradient(linear,left bottom,left top,color-stop(0.2, rgb(51,49,51)),color-stop(1, rgb(156,156,156))); 

Answer 1

可以使用Ultimate CSS generator爲使您寫的跨瀏覽器的梯度。

您可以使用this webpage來查看供應商特定選擇器之間的差異。

Answer 2

• 對於大多數CSS3屬性：
  http://css3generator.com/
• 對於梯度：
  http://www.colorzilla.com/gradient-editor/
• 另一個不錯的CSS3生成器：
  http://css3please.com/
• 對於@font-face：
  http://www.fontsquirrel.com/
• 或者，看看它上面這兒 查看差異，在「瀏覽器兼容性」表中：
  https://developer.mozilla.org/en/CSS/-moz-linear-gradient
• 如果它不在MDC中，Google它。