技术栈

css3背景线性渐变:linear-gradient

暖木生晖2025-08-31 13:31

背景线性渐变:

语法:background:linear-gradient(起始方向,颜色1,颜色2,...)

从左边开始,从红色慢慢变成蓝色:background: linear-gradient(left, red, blue);此时页面并不展示内容,因为背景渐变必须添加浏览器私有前缀,修改成:background: -webkit-linear-gradient(left, red, blue);

方位省略的话,默认是从上到下

上一篇:中科院人机交互科研分享-田丰
下一篇:C# .NET支持多线程并发的压缩组件
相关推荐
万少
29 分钟前
我是如何使用 Trae IDE 完成《流碧卡片》项目的完整记录
前端·后端·ai编程
9***Y48
29 分钟前
前端微服务
前端·微服务·架构
ByteCraze
35 分钟前
我整理的大文件上传方案设计
前端·javascript
前端小白۞
1 小时前
vue2 md文件预览和下载
前端·javascript·vue.js
十里-
1 小时前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u685
1 小时前
Vue云原生
前端·vue.js·云原生
OpenTiny社区
1 小时前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
5***7900
2 小时前
Vue项目性能优化
前端·javascript·vue.js
天若有情673
3 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise
热门推荐
01GitHub 镜像站点02【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连03BongoCat - 跨平台键盘猫动画工具04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)10在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)