渐变

渐变
由一种颜色渐变为其他颜色
渐变属于背景
线性渐变:
background:linear-gradient(方向,起始颜色,终止颜色)
方向:to left right bottom top

显示效果

控制渐变的范围

显示效果

方向可以是一个角度

显示效果

径向渐变
background:radial-gradient(辐射半径,起始颜色,终止颜色)

 显示效果

辐射半径可以写两个值,一个是水平半径,一个是垂直半径

 显示效果

变换辐射中心点的位置
at left,top,right,bottom,center

显示效果

posted @ 2020-09-06 11:14  MIKE-CHOW  阅读(228)  评论(0)    收藏  举报