background背景图参数边渐变CSS中创建背景图像的渐变效果

效果:可以看到灰色边边很难受,希望和背景融为一体

原理:

可以使用线性渐变(linear-gradient)或径向渐变(radial-gradient)。以下是一个使用线性渐变作为背景图像

代码:

javascript 复制代码
 background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0.8)), url('./../../../assets/images/btbg2.jpg');
  background-size:contain;
相关推荐
今日无bug3 分钟前
Emmet 语法速成指南
前端·css·html
Hello.Reader6 分钟前
Tailwind CSS v4.3 从入门到实战Vite 安装、响应式布局、暗黑模式与主题配置
前端·css
kisshyshy11 分钟前
前端存储、表单异步提交与 this 指向完全指南
前端·javascript·html
cidy_9812 分钟前
Skills 技能库- JulyCode
前端
Csvn15 分钟前
TypeScript 泛型约束的 3 层演进:从 `extends` 到条件类型到重载推导
前端
小四的小六17 分钟前
AI产品翻车实录:模型总结幻觉的三大类型与检测方案
前端·openai·ai编程
狂师18 分钟前
端开发必装 Skill 清单:6 款 AI 技能,让你的开发效率原地起飞
前端·程序员·开源
36304584118 分钟前
KlineChartQuant Tooltip 高频交互 200FPS 性能优化完整复盘
前端·架构
嘉泰姆半导体官方22 分钟前
CXAR41337C 双通道数字音频功放 | 2×20W | EQ+DRC | I²S | MCLK-Less - 嘉泰姆电子
前端·javascript·数据库
PedroQue9924 分钟前
uni-router v2.0.0:四大功能拆分为插件,按需加载
前端·uni-app