css - 渐变:半色半透明

标签 css gradient

我有这行代码

背景:线性渐变(341deg, #8a8a8a 0%, #8a8a8a 31.9%, #000 32.1%, #000 100%);

如您所见,它一半是灰色一半是黑色。有没有办法让它的灰色部分变成透明的,这样它就变成了一半透明一半黑色..

提前致谢, 凯文

最佳答案

您可以使用 rgba() 实现此目的,其中前 3 个参数是您想要的颜色(在您的例子中是 138, 138, 138),最后一个参数是不透明度(在您的情况下为 0)

举个例子,你的代码会变成这样:

background:linear-gradient(341deg, rgba(138,138,138,0)  0%, rgba(138,138,138,0)  31.9%, #000 32.1%, #000 100%);

在此fiddle你可以看到它在运行

希望这对您有所帮助!

关于css - 渐变:半色半透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37179620/

相关文章:

css - 如何让 sass 编译 css 的开发和生产版本?

internet-explorer - 为什么这个渐变在 IE 9 上不起作用?

python - Tensorflow 高效的每像素梯度计算

C# LinearGradientBrush 位图垂直重复

html - 更改 :first-of-type on :last-of-type hover

jquery - 如何使用 select 删除自定义样式

css - 动画 ionic 滑动列表

video - 如何在 FFMPEG 中制作视频双色调效果

java - 缓慢改变颜色,Java 图形

html - 创建服务器/服务客户端