如何在 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 生成器：< br>
  http://css3please.com/
• 对于@font-face：
  http://www.fontsquirrel.com/
• 或者，在此处查找以查看差异，在“浏览器兼容性”表：
  https://developer.mozilla.org/en/CSS/-moz-linear -gradient
• 如果 MDC 中没有，请 Google 查找。

Answer 2

您可以使用终极 CSS 生成器来获取为您编写的跨浏览器渐变< /em>.

您可以使用此网页来查看供应商特定选择器之间的差异。