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

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 中没有，请用 Google 搜索。

Answer 2

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

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