/* 线性渐变示例 */
.linear-gradient {
background: linear-gradient(to right, red, yellow);
}
/* 径向渐变示例 */
.radial-gradient {
background: radial-gradient(circle, red, yellow);
}
/* 角度渐变示例 */
.angle-gradient {
background: linear-gradient(45deg, red, yellow, green);
}
线性渐变 (linear-gradient
):
to right
表示渐变方向是从左到右。red
和 yellow
是渐变的起始和结束颜色。径向渐变 (radial-gradient
):
circle
表示渐变的形状是圆形。red
和 yellow
是渐变的起始和结束颜色。角度渐变 (linear-gradient
with angle):
45deg
表示渐变的角度为45度。red
, yellow
, 和 green
是渐变的颜色序列。上一篇:css overflow
下一篇:css 隐藏滚动条
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站