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)由右向左渐变

相关推荐
咕噜咕噜啦啦3 天前
CSS3基础
前端·css·css3
沙丁鱼意大利面4 天前
五子棋(javascript)
javascript·css·css3
想起你的日子4 天前
CSS3 弹性盒子(Flex Box)
前端·css3
萧曵 丶4 天前
CSS3 业务开发高频样式
前端·css·css3
Y淑滢潇潇6 天前
WEB 作业 三个练习题
前端·javascript·css3
码上出彩7 天前
H5+CSS3响应式设计实战:基于Flex布局的适配方案
前端·css·css3
你说爱像云 要自在漂浮才美丽7 天前
【HTML5与CSS3】
前端·css3·html5
倪枫7 天前
CSS3——文本样式(字体样式和文本布局)
前端·css·css3
ヤ鬧鬧o.8 天前
HTML安全密码备忘录
前端·javascript·css·html·css3
光影少年9 天前
flex布局和grid布局区别,实现两边固定布局中间自适应
前端·css3·web·ai编程