技术栈

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++利用键值对计算某一个数对应的最值及其索引位置
相关推荐
灵感__idea
5 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴
6 小时前
Mix
前端·webgl
代码续发
6 小时前
前端组件梳理
前端
试图让你心动
7 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码
7 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记
7 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏
7 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数
8 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante
8 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam
9 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02vue数据变化但页面不变03全球最强模型Grok4,国内已可免费使用!(附教程)04KGG转MP3工具|非KGM文件|解密音频05sqli-labs 靶场 less-8、9、10 第八关到第十关详解:布尔注入,时间注入06扣子开源本地部署教程 丨Coze智能体小白喂饭级指南07干翻 Typora!MilkUp:完全免费的桌面端 Markdown 编辑器!08【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致09ChatGPT Agent 完全使用指南:2025年7月最新功能详解10《魔兽世界》提示lua警告的含义及解决方法