技术栈

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

xu_duo_i2024-04-05 17:09

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

原理:

可以使用线性渐变(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;
上一篇:【Frida】【Android】08_爬虫之网络通信库okhttp3
下一篇:C++利用键值对计算某一个数对应的最值及其索引位置
相关推荐
随笔记
1 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛
1 分钟前
异步任务并发控制
前端·javascript
imLix
24 分钟前
RunLoop 实现原理
前端·ios
wayman_he_何大民
29 分钟前
初始机器学习算法 - 关联分析
前端·人工智能
飞飞飞仔
33 分钟前
别再瞎写提示词了!这份Claude Code优化指南让你效率提升10倍
前端·claude
刘永胜是我
33 分钟前
node版本切换
前端·node.js
成小白
38 分钟前
前端实现表格下拉框筛选和表头回显和删除
前端
wayman_he_何大民
39 分钟前
初始机器学习算法 - 聚类分析
前端·人工智能
wycode
40 分钟前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
用户109225715610
1 小时前
你以为的 Tailwind 并不高效,看看这些使用误区
前端
热门推荐
01UV安装并设置国内源02Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code03【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)04KGG转MP3工具|非KGM文件|解密音频052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10Claude Code VSCode集成开发指南:AI编程助手完整配置