如何在css中制作具有透明度的径向渐变答案

【问题标题】：How to make a radial gradient with transparency in css如何在css中制作具有透明度的径向渐变
【发布时间】：2015-11-10 15:46:02
【问题描述】：

我想在透明度发生变化的地方做一个径向渐变，我可以让它线性工作而不是径向工作

background: -webkit-gradient(linear, left top, left bottom,from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)));

此代码线性工作，但更改为

background: -webkit-gradient(radial, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)));

停止工作

我需要做些什么来改变这一点，到目前为止所有的帮助都只显示线性渐变

【问题讨论】：

【解决方案1】：

radial-gradient 的语法错误。

你需要这样写： background-image: radial-gradient(ellipse farthest-corner at 45px 45px, rgba(50, 50, 50, 0.8) 0%, rgba(80, 80, 80, 0.2) );

查看MDN docs 了解更多详情。

【讨论】：

【解决方案2】：

angrytools.com 有一个不错的在线工具，可以帮助您创建具有透明度的径向渐变。它将为您生成适用于不同浏览器的 CSS。

【讨论】：