синтаксис Opera и firefox для радиальных градиентов

Создание виньетки с использованием радиальных градиентов webkit / moz. У меня правильный синтаксис и эффект для webkit ... но я не могу правильно набрать moz или opera. Моз какой-то продолговатый .. Опера не существует.

Совет?

CSS

background:-webkit-radial-gradient(center, 50% 10px, rgba(255,255,255,1), rgba(29,29,29,1));
background:-moz-radial-gradient(50% 50%, rgba(255,255,255,1), rgba(29,29,29,1));
background:-o-radial-gradient(center, 50% 10px, rgba(255,255,255,1), rgba(29,29,29,1));

background:-webkit-gradient( radial, 50% 50%, 0, 50% 50%, 960, from(rgba(255,255,255,0)), to(rgba(29,29,29,.4)));
background:-moz-radial-gradient(50% 50%, circle, rgba(255,255,255,0) 0px, rgba(29,29,29,.4) 960px);

css radial-gradients firefox webkit opera
person technopeasant    schedule 26.05.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Радиальные градиенты для FF и webkit: http://www.westciv.com/tools/radialgradients/index-moz.html

Радиальные градиенты пока не поддерживаются Opera :( попробуйте canvas: http://dev.opera.com/articles/view/html-5-canvas-the-basics/#gradients

person cmplieger    schedule 26.05.2011
comment
@technopeasant окончательный ответ, снова изменил :) - person cmplieger; 27.05.2011
comment
круто, спасибо за инструмент. закончил с инструментами через это и понял это - person technopeasant; 27.05.2011