技术栈

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支持多线程并发的压缩组件
相关推荐
我是华为OD~HR~栗栗呀
14 分钟前
华为od-前端面经-22届非科班
java·前端·c++·后端·python·华为od·华为
知识分享小能手
16 分钟前
React学习教程,从入门到精通,React Router 语法知识点及使用方法详解(28)
前端·javascript·学习·react.js·前端框架·vue·react
黄毛火烧雪下
18 分钟前
React中Class 组件 vs Hooks 对照
前端·javascript·react.js
gnip
1 小时前
工作常用设计模式
前端·javascript
前端达人
2 小时前
「React实战面试题」useEffect依赖数组的常见陷阱
前端·javascript·react.js·前端框架·ecmascript
开开心心就好
2 小时前
PDF清晰度提升工具,让模糊文档变清晰
java·服务器·前端·python·智能手机·pdf·ocr
路修远i
2 小时前
灰度和红蓝区
前端
路修远i
2 小时前
cursor rules 实践
前端·cursor
路修远i
2 小时前
前端-跨域梳理
前端
热门推荐
01UV 工具安装与国内镜像源配置指南02GitHub 镜像站点03Spec-Kit 使用指南0446个Nano-banana 精选提示词,持续更新中05UV安装并设置国内源062025年华为杯研赛数学建模竞赛C题完整参考论文 (含模型、MATLAB和Python代码)07保姆级教程:手把手教你用Dify实现完美多轮对话(附Chatflow和提示词)08解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题09KGG转MP3工具|非KGM文件|解密音频10Linux下V2Ray安装配置指南