如何在CSS中制作带透明度的径向渐变

Question

6

我想创建一个径向渐变，其中透明度会发生变化，我可以使其线性工作，但无法使其径向工作。

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)));

停止工作

我需要做什么来改变这个问题，目前所有的帮助都只展示了线性渐变

- Tristan Warren

2个回答

4

在 angrytools.com 上有一个很好的在线工具，可以帮助你创建带透明度的径向渐变。它会为不同的浏览器生成CSS代码。

- Tomasz Nguyen

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Josh Rutherford · Accepted Answer

您的radial-gradient语法不正确。

您需要像这样编写：


background-image: radial-gradient(椭圆形 最远角落 at 45px 45px, rgba(50, 50, 50, 0.8) 0%, rgba(80, 80, 80, 0.2));

请查看MDN文档获取更多详细信息。