渐变

线性渐变
linear-gradient(color,color)
默认从上到下
从左到右    linear-gradient(left,color,color)或者(to right,color,color)
    加to和不加to,方向值相反,不能用像素,但是可以用角度
 
deg
    表示度数,取值范围 0-360,可以为负数
        (red 40%,blue 80%)
        表示0-40是纯红色,40-80是渐变,80-100是纯蓝
        不管有几个纯色,都要两两分析
 
单位
    角度    方向    度数    百分百
 
复性渐变
repeating-linear-gradient
    颜色后面一定要加百分比,且只重复渐变部分
 
径向渐变
radial-gradient
    默认椭圆,加at,改变圆心位置
 
circle/sllipse            圆形/椭圆
closest/farthest-side     半径长度为圆心到离圆心最近/最远的边
closest/farthest-corner   半径长度为圆心到离圆心最近/最远的角
 
单位
    角度    方向    像素
 
模糊
filter:color(像素)    -weblit- 必须加
 
倒影
border-reflect
 
below        在原图下方
above        在原图上方
left/right   在原图左/右方
offset       倒影与原图的间距,可以为负值,也可以是像素或者百分比
 
遮罩
图片格式是png或者线性渐变
原文地址:https://www.cnblogs.com/tis100204/p/10297085.html