css3 背景色渐变

在 CSS 中,使用渐变色需要用到 gradient 属性,而 gradient 属性分为 线性渐变 linear-gradient径向渐变 radial-gradient 。今天主要是说一下linear-gradient 线性渐变属性。

例如:background: linear-gradient(90deg, #e7f1fc, #f5f9fb);

|----------|------------|--------------|---------------|-------------|
| 渐变角度 | 0deg | 90deg | 180deg | 270deg |
| 渐变方向 | to top | to right | to bottom | to left |

一、 0deg演示(相当于to top)由下向上渐变

二、 90deg演示(相当于to right)由左向右渐变

三、180deg演示(相当于to bottom)由上向下渐变

四、 270deg演示(相当于to left)由右向左渐变

相关推荐
爱上好庆祝4 小时前
学习js的第五天
前端·css·学习·html·css3·js
W.A委员会5 小时前
让元素不显示的方法
css3
DFT计算杂谈1 天前
VASP官方教程 TRIQS DFT+DMFT计算教程
运维·css·自动化·html·css3
遇见~未来1 天前
第五篇_构建真实页面_组件_响应式_维护性
前端·css3
遇见~未来2 天前
第三篇_现代布局_从弹性到网格
前端·css3
遇见~未来2 天前
第四篇_强化视觉_字体_动画_变换
前端·css3
琹箐3 天前
今天吃什么干什么随机生成
javascript·css·css3
AZaLEan__5 天前
Flex 弹性布局学习总结
前端·css·css3
爱上好庆祝5 天前
学习js的第四天
前端·css·学习·html·css3·js
Dxy12393102165 天前
HTML 如何设置 Div 阴影悬浮边框:从基础到进阶
前端·html·css3