这种两个背景色的该如何还原?

CSS的background-color只支持一个色,这个从设计稿上来看,也不是渐变,就是一个元素上定义了两个背景色。

image.png

阅读 2.1k
2 个回答

讲道理可能是渐变色,但是看起来没有渐变,也没有看到渐变方向,最好和UI确认一下。

伪类叠加 和楼下的 渐变色叠加 两种实现方式都贴上来了,点击Demo既可查看:
CodePen复现Demo

应该是两层半透明白色背景叠加

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);
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏