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

相关推荐
旧梦吟1 天前
脚本网页 双子星棋
算法·flask·游戏引擎·css3·html5
cz追天之路2 天前
华为机考 ------ 识别有效的IP地址和掩码并进行分类统计
javascript·华为·typescript·node.js·ecmascript·less·css3
程序员刘禹锡4 天前
浮动以及导航条和简单布局!!!(12.29日)
css·html·css3
lcc1875 天前
CSS3 2D变换
css3
lcc1875 天前
CSS3 新增渐变
css3
lcc1875 天前
CSS3 新增背景属性
css3
lcc1875 天前
CSS3 新增文本属性
css3
wei yun liang5 天前
4.数据类型
前端·javascript·css3
lcc1876 天前
CSS3 新增盒子属性
css3
_码力全开_6 天前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5