Как найти эквивалентное свойство в Mozilla данного CSS-свойства Webkit

Question

Есть ли какой-нибудь инструмент / веб-сайт, где мы можем получить эквивалентное свойство в Mozilla для данного свойства CSS Webkit?

Например:

    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 it.

Answer 2

Вы можете использовать генератор Ultimate CSS Чтобы получить кросс-браузерный градиент , написанный для вас .

И вы можете использовать эту веб-страницу , чтобы увидеть различия между селекторами, специфичными для поставщика.