CSS的background-color
只支持一个色,这个从设计稿上来看,也不是渐变,就是一个元素上定义了两个背景色。
应该是两层半透明白色背景叠加
div{
background:
linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)),
linear-gradient(rgba(255,255,255,.34), rgba(255,255,255,.34));
backdrop-filter: blur(50px);
}
5 回答8.2k 阅读✓ 已解决
5 回答7.9k 阅读
3 回答6.7k 阅读✓ 已解决
1 回答6.1k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
3 回答923 阅读✓ 已解决
3 回答1.8k 阅读
讲道理可能是渐变色,但是看起来没有渐变,也没有看到渐变方向,最好和UI确认一下。
伪类叠加 和楼下的 渐变色叠加 两种实现方式都贴上来了,点击Demo既可查看:
CodePen复现Demo