Opera 和 Firefox 的径向渐变语法
使用 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);
Making a vignette of sorts using webkit/moz radial gradients. I have the correct syntax and effect for webkit.. but can't get moz or opera dialed in right. Moz is kind of oblongish.. Opera is nonexistent.
Advice?
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);
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
FF 和 webkit 的径向渐变： http://www.westciv.com/tools/ Radialgradients/index-moz.html
Opera 尚不支持径向渐变:( 尝试 canvas:
http://dev.opera.com/articles/查看/html-5-canvas-the-basics/#gradients
Radial gradients for FF and webkit: http://www.westciv.com/tools/radialgradients/index-moz.html
Radial gradients are not yet supported by Opera :( try canvas:
http://dev.opera.com/articles/view/html-5-canvas-the-basics/#gradients