firefox - 径向渐变的opera和firefox语法

Question

使用 webkit/moz 径向渐变制作各种小插图。我有正确的 webkit 语法和效果.. 但无法正确拨入 moz 或歌剧。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