Есть ли "официальный" /стандартный синтаксис градиента 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>]+
)
Чтобы ответить на ваш вопрос:
Нет, стандартного способа указания градиентов нет.
Это потому, что нет стандартных
И даже если вы принимаете "стандарт", это "стандарт", в котором был, когда вы задавали вопрос, тогда ни один браузер не поддерживает "стандарт", потому что "стандарт" изменен, и ни один браузер не поддерживает новый стандарт.