Question

使用webkit / moz径向渐变制作各种各样的插图。我对webkit有正确的语法和效果..但是无法正确拨打moz或opera。 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);

Answer 1

FF和webkit的径向渐变：http://www.westciv.com/tools/radialgradients/index-moz.html

Opera尚不支持径向渐变:(尝试画布： http://dev.opera.com/articles/view/html-5-canvas-the-basics/#gradients

用于径向渐变的opera和firefox语法

1 个答案: