css3背景线性渐变:linear-gradient

背景线性渐变:

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

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

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

相关推荐
沐墨染几秒前
大型数据分析组件前端实践:多维度检索与实时交互设计
前端·elementui·数据挖掘·数据分析·vue·交互
xkxnq4 分钟前
第一阶段:Vue 基础入门(第 11 天)
前端·javascript·vue.js
lifejump4 分钟前
Pikachu | Unsafe Filedownload
前端·web安全·网络安全·安全性测试
Irene19919 分钟前
CSS新属性分类总结(2020年后引入)
前端·css
小oo呆9 分钟前
【自然语言处理与大模型】LangGraphV1.0入门指南:核心组件Nodes
前端·javascript·easyui
LongtengGensSupreme17 分钟前
后端设置了跨域但是还是提示跨域问题,原因是这里有两个独立的安全策略在起作用:Chrome和Edge浏览器安全策略强制修改方案
前端·chrome·edge·浏览器·跨域
程序员小李白18 分钟前
弹性盒子详细解析
前端·css·css3
行走的陀螺仪20 分钟前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略
米柆20 分钟前
CSS:clip-path 详解
前端·css
ProgramHan25 分钟前
React 19 新特性深度解析:告别 useEffect 的时代
前端·react.js·前端框架