Синтаксис градиентов

[Aleksandr.L]

Собственно сабж: 

 

На htmlbook'e, в теме про градиенты написано:

Для записи позиции вначале пишется to, а затем добавляются ключевые слова top, bottom и left, right, а также их сочетания. Порядок слов не важен, можно написать to left top или to top left.

 

В книге Макфарланда "Большая книга CSS3" про ключевое слово "to" ничего не сказано, все примеры приводятся без него, самый простой пример:

background: linear-gradient(top left, black, white);

Еще заметил, что данный пример не работает без браузерных префиксов, а пример на htmlbook'e работает без префиксов. Почему так происходит? И почему в книге приведен один синтаксис, а на htmlbook'e другой.

 

Еще одно различие: в книге Макфарланда сказано:

 

Углы вписываются в диапазоне от 0 до 360, а за ними указывается ключевое слово deg. 0deg означает, что градиент начинается в левой части и перемещается в правую часть, а при указании 45deg он начинается в нижнем левом углу и перемещается под углом 45 градусов в верхний правый угол.

 

В то время как на htmlbook'e написано:

Нулю градусов (или 360º) соответствует градиент снизу вверх, далее отсчёт ведётся по часовой стрелке.

 

Помогите разобраться.

Edited February 5, 2014 by Aleksandr.L

[antonKar]

1) синтаксис с "to" только для безпрефиксной записи;

2) синтаксис без "to"  работает как для префиксной, так и для безпрефиксной записи (хотя вот тут я возможно фигню ляпнул);

3) синтаксис с "to" является более свежей редакцией.

 

 

http://gradient.karmanov.ws/ вот тут вот (дада, минутка самопиара) можно посмотреть какая запись с "to" соответствует записи без "to"

Edited February 5, 2014 by antonKar

[Aleksandr.L]

Понятно. Значит буду ориентироваться на htmlbook.

[SelenIT]

Синтаксис с «to» — последний утвержденный вариант спецификации, работает без префикса во всём новом (IE10+, Андроид-браузер 4.4+, iOS Safari 6.1+ и все норм. десктопные), с префиксом не работает нигде (по крайней мере, не должен), поддерживает «магические углы». Вариант без «to» — предыдущая черновая версия спецификации, работает только с префиксами (но с более ранних версий мобильных браузеров) и «магических углов» не поддерживает.

На сегодня есть смысл указывать только беспрефиксную версию с «to» и, по желанию, -webkit-версию без «to» (для не самых новых андроидов). Остальные префиксы давно не нужны.