渐变
语法:bcakgriund-imange:linear-gradlient(方向(deg)),颜色渐变点的百分比
百分比的作用:在线性的方向上分段,该节点达到颜色值,其余渐变
方向: 上、下、左、右 角度( 默认的是top、to bottom 180deg)
若如果添加方向,则必须使用浏览器的内核识别标识
浏览器的识别标识
- -wedket-safari & chrome(谷歌)
- -moz- firefox(火狐)
- -ms- IE
- -o- opera
经向渐变
语法:radial-gradient(中心点,形状,颜色 渐变点的百分比)
形状:
- circle (圆形)
- ellipse(椭圆形)
颜色
- 可用多个颜色
- 还可以使用透明色