渐变分为以下两类:

  • 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向

  • 径向渐变(Radial Gradients)- 由它们的中心定义

但是渐变色的兼容性问题很严重,在这里介绍一个线性渐变:

语法格式:

background:-webkit-linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);
posted on 2019-07-30 11:25  格物致知_Tony  阅读(219)  评论(0编辑  收藏  举报