Должен ли я использовать все пять префиксов поставщика для свойства CSS box-shadow?

При объявлении say box-shadow или text-shadow или градиентов, если вам нужно все префиксы?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;

Я понимаю основные:

 -webkit-
 -moz-
 box-shadow

Но с ростом браузеров я хотел попытаться получить обновленное представление о том, нужно ли в данный момент использовать 5 префиксов?

Мысли, комментарии?

Ответ 1

caniuse.com хорошая таблица, показывающая, какие браузеры требуют префикс, и которые вообще не поддерживают box-shadow.

(Версии, которые требуют префикса, имеют этот префикс под номером версии, как показано на скриншоте ниже.)

Если вам нужно использовать префиксы для любого сайта, которое вы создаете, зависит от того, какие браузеры фактически используются существующими/предназначенными для вас сайтами.

Ответ 2

Может быть Префикс бесплатный поможет.

Он добавит префиксы, необходимые для каждого браузера.

Ответ 3

При постоянном улучшении браузеров стало трудно определить, можно ли отказаться от префиксов поставщиков определенных дополнений CSS3. Поскольку CSS3 является "модульным" и проходит медленные изменения как в синтаксисе, так и в браузере - вероятно, лучше всего придерживаться префиксов поставщиков, пока все эти причуды не будут отфильтрованы W3C и браузерами. Как указано выше, вы всегда можете посмотреть конкретные браузеры или справочные сайты для получения информации о поддержке старых браузеров.