css3背景线性渐变:linear-gradient

背景线性渐变:

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

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

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

相关推荐
水星记_19 小时前
时间轴组件开发:实现灵活的时间范围选择
前端·vue
2501_9301247020 小时前
Linux之Shell编程(三)流程控制
linux·前端·chrome
潘小安20 小时前
『译』React useEffect:早知道这些调试技巧就好了
前端·react.js·面试
@大迁世界20 小时前
告别 React 中丑陋的导入路径,借助 Vite 的魔法
前端·javascript·react.js·前端框架·ecmascript
EndingCoder20 小时前
Electron Fiddle:快速实验与原型开发
前端·javascript·electron·前端框架
EndingCoder21 小时前
Electron 进程模型:主进程与渲染进程详解
前端·javascript·electron·前端框架
Nicholas6821 小时前
flutter滚动视图之ScrollNotificationObserve源码解析(十)
前端
@菜菜_达21 小时前
CSS scale函数详解
前端·css
想起你的日子21 小时前
Vue2+Element 初学
前端·javascript·vue.js
原生高钙21 小时前
一文了解 WebSocket
前端·面试