使用 webkit/moz 径向渐变制作各种小插图。我有正确的 webkit 语法和效果.. 但无法正确拨入 moz 或 opera。 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);
最佳答案
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
关于firefox - 径向渐变的 opera 和 firefox 语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6145592/