如何在给定的Webkit CSS属性的Mozilla中找到等效属性

Question

是否有任何工具/网站可以在Mozilla中获取给定Webkit CSS属性的等效属性？

例如：

    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

• 对于大多数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中，那么谷歌吧。

Answer 2

您可以使用Ultimate CSS generator获取为您编写的跨浏览器渐变 。

您可以使用this webpage查看供应商特定选择器之间的差异。