CSS 渐变背景如何实现左上到右下的自然过渡？
站长
· 阅读数 22
有大佬知道这种背景渐变色是怎么做到的嘛？
我尝试过把头部从左向右渐变，但是我做不到图片中左上到左下以及右上到右下那么丝滑的过度
回复
1个回答
test
2024-07-13
左到右的渐变，用白色覆盖渐隐部分，叠加模式过滤掉白色，穿透鼠标事件
background:
linear-gradient(transparent, white 20%),
linear-gradient(to right, #c2def6, #ecc9e3);
mix-blend-mode: darken;
pointer-events: none;
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容