Подтвердить что ты не робот

Есть ли "официальный" /стандартный синтаксис градиента CSS3?

Я знаю, что есть -webkit-gradient и -moz-linear-gradient. Но каков стандартный способ определения градиента?

Как и есть: -webkit-border-radius и -moz-border-radius, а стандартом должно быть border-radius.

Ответ 1

Обновление для 2011 года синтаксис Mozilla теперь является официальным, принят с помощью CSS3 Image Values и Замененного рабочего рабочего проекта. Обновлен Webkit, чтобы использовать этот синтаксис, и теперь он включен в последние версии Chrome и Safari.

Ответ 2

Пока нет, оба примера, которые вы указали, являются единственными закодированными градиентами, доступными, насколько я знаю. Большинство улучшений CSS3 описано на CSS3.info

Ответ 3

Хорошо, что браузер еще не "стандартизован" в синтаксисе linear-gradient, так как он изменился с февраля 2011 года по январь 2012 года:

От Значений изображения CSS и уровня содержимого 3-го уровня

Рабочий проект W3C 17 февраля 2011 г.

5.1.1. 'Linear-gradient() синтаксис
<linear-gradient> = linear-gradient(
[ 
  [ [top | bottom] || [left | right] ] 
  | 
  <angle>
,]? 
<color-stop>[, <color-stop>]+
);
Рабочий проект W3C 12 января 2012 г.:

4.1.1. синтаксис linear-gradient()
<linear-gradient> = linear-gradient(
  [ [ <angle> | to <side-or-corner> ] ,]? 
  <color-stop>[, <color-stop>]+
)

Чтобы ответить на ваш вопрос:

Нет, стандартного способа указания градиентов нет.

Это потому, что нет стандартных

И даже если вы принимаете "стандарт", это "стандарт", в котором был, когда вы задавали вопрос, тогда ни один браузер не поддерживает "стандарт", потому что "стандарт" изменен, и ни один браузер не поддерживает новый стандарт.