Синтаксис Opera и Firefox для радиальных градиентов - PullRequest
Новая
       48

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

0 голосов
/ 27 мая 2011

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

Рекомендации

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);

1 Ответ

2 голосов
/ 27 мая 2011

Радиальные градиенты для 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

...