div背景是渐变色且模糊，不影响里面内容的显示

最新推荐文章于 2023-10-20 15:40:41 发布

小何同学要加油

最新推荐文章于 2023-10-20 15:40:41 发布

阅读量786

点赞数

本文链接：https://blog.csdn.net/Anony_me/article/details/125523469

版权

CSS linear-gradient 背景渐变文字清晰样式

关键词由CSDN通过智能技术生成

本文介绍了如何使用CSS中的linear-gradient属性创建一个从上到下的线性渐变背景，并保持文字清晰不模糊。代码示例展示了如何设置背景为半透明渐变色，同时确保文字正常显示的关键技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要实现：背景是渐变色且模糊，要求背景上方的文字不模糊，不渐变，是正常显示的。
实现代码： background: linear-gradient(180deg, rgba(#394352, 0.5), rgba(#0b1f3c, 0.5));
代码解读：linear-gradient一种实现线性渐变的属性,顾名思义,它的特点的是控制渐变,特点是线性的进行控制。第一个属性是180deg是设置渐变从上到下，rgba(#394352, 0.5), rgba(#0b1f3c, 0.5)设置一个起始点和一个方向（指定为一个角度）的渐变效果
在这里插入图片描述