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

Question

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

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

Answer 1

Обновление для 2011 года Mozilla syntax теперь является официальным, adoptedCSS3 Image Values and Replaced Content Working Draft. Webkit has been updated, чтобы использовать этот синтаксис, и теперь он включен в последние версии Chrome и Safari.

Answer 2

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

Answer 3

Это хорошая вещь, ни один браузер до сих пор не «стандартизированный» на синтаксисе linear-gradient все же, так как он изменился в период с февраля 2011 по январь 2012 года:

От значений CSS изображения и Заменено Содержание Уровень Модуль 3

W3C Working Draft 17 February 2011

5.1.1. «Линейного градиента()» Синтаксис

<linear-gradient> = linear-gradient(
[ 
    [ [top | bottom] || [left | right] ] 
    | 
    <angle> 
,]? 
<color-stop>[, <color-stop>]+ 
); 

W3C Working Draft 12 January 2012:

4.1.1. линейный градиент() Синтаксис

<linear-gradient> = linear-gradient(
    [ [ <angle> | to <side-or-corner> ] ,]? 
    <color-stop>[, <color-stop>]+ 
) 

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

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

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

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