Существует ли «официальный» / стандартный синтаксис градиента CSS3? - PullRequest
Новая
       13

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

18 голосов
/ 12 апреля 2010

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

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

Ответы [ 3 ]

15 голосов
/ 26 марта 2011

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

4 голосов
/ 12 апреля 2010

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

2 голосов
/ 24 марта 2012

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

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

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

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

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

W3C Рабочий проект 12 января 2012 г. :

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

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

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

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

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

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

...