渐变

线性渐变

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或者线性渐变