radial-gradient и с префиксами тоже

[binomer]

Добрый день! Гуглил целый вечер, так не до конца и понял.

 

Я могу написать так, это работает:

radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),

А вот так уже не работает:

moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),

С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.

[ryter]

http://www.colorzilla.com/gradient-editor/ вот тебе тренеруйся градиенты делать 

[SelenIT]

Если ничего не путаю, firefox убрал поддержку -moz-префикса для градиентов через несколько версий после того, как стал поддерживать беспрефиксный стандартный. Сейчас префикс неактуален, спасибо автоапдейту.

Колорзилловский генератор добавляет очень много лишнего, типа -ms-префикса, нужного лишь для ранней беты IE10, которой не пользуется ни один живой человек

Устаревшие браузеры, как правило, работают на устаревшем железе, и для их юзеров куда важнее, чтоб они работали мало-мальски быстро, а не рисовали неимоверную красоту по нескольку минут. Изящная деградация рулит!

[binomer]

Просто в макете, который я решил сверстать есть вот такая штука (вторая картинка со скругленными углами): http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/ Собственно, там способ и нашел, сам бы не догадался ни за что.

 

Вот я в ней немного ковырялся. Потом посмотрел на caniuse, увидел, что Chrome избавился от префикса в версии 26 или, в частности iOS - в версии 7. Про IE и его поддержку много написано, а вот насколько важно поддерживать браузеры несколько версий назад?

http://www.colorzilla.com/gradient-editor/ вот тебе тренеруйся градиенты делать 

А тут заметил, что синтаксис и правда слегка отличается для версий с префиксами и без. Ну я к этому же выводу пришел.

[ryter]

Если ничего не путаю, firefox убрал поддержку -moz-префикса для градиентов через несколько версий после того, как стал поддерживать беспрефиксный стандартный. Сейчас префикс неактуален, спасибо автоапдейту.

Колорзилловский генератор добавляет очень много лишнего, типа -ms-префикса, нужного лишь для ранней беты IE10, которой не пользуется ни один живой человек

Устаревшие браузеры, как правило, работают на устаревшем железе, и для их юзеров куда важнее, чтоб они работали мало-мальски быстро, а не рисовали неимоверную красоту по нескольку минут. Изящная деградация рулит!

мне нравится этот генератом тем что там есть scss, а не нужные префиксы можно отключить в настройках)

[binomer]

Вообще, как сейчас замечено, без префиксов эта штука работает только в Firefox

[SelenIT]

Не только: http://caniuse.com/#feat=css-gradients

[binomer]

Не только: http://caniuse.com/#feat=css-gradients

Я там недавно был. И все же. Мой Хром отказывается это запускать.

 

А, кстати, SeleIT, не будете любезны ответить..все-таки насколько важно поддерживать сейчас тот же самый Хром версий, эдак, 5 назад?

Edited March 13, 2014 by binomer

[ryter]

 

Не только: http://caniuse.com/#feat=css-gradients

Я там недавно был. И все же. Мой Хром отказывается это запускать.

 

А, кстати, SeleIT, не будете любезны ответить..все-таки насколько важно поддерживать сейчас тот же самый Хром версий, эдак, 5 назад?

 

пять версий назад поддерживать смысла нет но я например стандартно - 1 поддерживаю 

[SelenIT]

И все же. Мой Хром отказывается это запускать.

А последовательность верная? Сначала префикснутое свойство, последним стандартное?

 

насколько важно поддерживать сейчас тот же самый Хром версий, эдак, 5 назад?

Конкретно Хром (и др. браузеры с автообновлением, включая Фокс) — имхо,смысла нет, за 3-4 месяца такие версии уходят полностью. Но -webkit-префикс (с предпоследней версией синтаксиса, уже без color-stop-ов, но еще без to и at) по-прежнему актуален для мобильных браузеров, прежде всего для Андроидов.

[binomer]

 

И все же. Мой Хром отказывается это запускать.

А последовательность верная? Сначала префикснутое свойство, последним стандартное?

 

Да, последовательность верная была.

 

Но мне всего равно пришлось отказаться от того способа, что я хотел, потому что там на макете еще и тень и др. Я такое не смог пока.

 

В общем, всем спасибо за ответы, скоро сделаю, будете сильно критиковать, потому что у меня пока нет ответов на многие вопросы, которые появились.