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;
相关推荐
羽沢313 分钟前
ECharts 学习
前端·学习·echarts
LYFlied5 分钟前
WebAssembly (Wasm) 跨端方案深度解析
前端·职场和发展·wasm·跨端
七月丶6 分钟前
实战复盘:我为什么把 TypeScript 写的 CLI 工具用 Rust 重写了一遍?
前端·后端·rust
over6979 分钟前
《闭包、RAG与AI面试官:一个前端程序员的奇幻LangChain之旅》
前端·面试·langchain
JIngJaneIL14 分钟前
基于java+ vue交友系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·交友
拉不动的猪24 分钟前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
karshey1 小时前
【IOS webview】h5页面播放视频时,IOS系统显示设置的icon
前端·ios
树欲静而风不止慢一点吧1 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
小七不懂前端1 小时前
我用 NestJS + Vue3 + Prisma + PostgreSQL 打造了一个企业级 sass 多租户平台
前端·vue.js·后端