渐变&2D
[if !supportLists]1.[endif]渐变的概念：
针对于盒子的背景颜色设置 渐变是由浏览器解析得到的
A.线性渐变属性：background
属性值：linear-gradient（参数）
参数：方向（可不写），颜色，颜色，…
方向的设置：1.默认重上到下
2.从一边到另一边 （to 结束的方向）
3.从一角到另一角 （to 水品方向 垂直方向 结束方向值）
4.角度值deg 45deg
兼容写法的方向值：1.从一边到另一边 (开始的方向值)
2.从一角到另一角 （水平方向 垂直方向 开始的方向值）
3.角度值deg 90deg-标准写法
总结：1.多个参数之间用逗号隔开 2.线性渐变分标准写法与兼容写法
在不考录兼容的使用：background：linear-gradient（颜色1，颜色2，…）
B.径向渐变的属性：background
属性值：radial-gradient（参数）
参数1：渐变的起点 默认值是中点 水平与垂直方向 value值
参数2：渐变的形状 ellipse椭圆是默认值 circle圆形
参数3：渐变大小 和前面的参数之间需要使用空格隔开
参数4：渐变颜色1…
C.重复渐变 repeating-
2.过渡属性：
强调none和block不可以使用过渡
属性：transition
属性值：property当前参与过度的属性 使用ALL表示全部可以省略不写默认全部
duration 时间 秒s/毫秒ms
delay 延迟
timing-function 运动方式 默认是ease 先加速后减速
简写：transition：0.8s
3.2D属性：
属性：transform变形属性
属性值：位移 translate(参数) =>(水品方向，垂直方向) 不脱离文档流
缩放 scale(参数)=>(宽，高) 两个参数相同时可以简写成一个
参数>1 变大 0<参数<1 缩小 参数=1 不变 参数=0 隐藏 参数<0先小后大再放大倍数并且翻转
原点 origin(参数)=>(上下，左右)
旋转 rotate(参数)=>只能设置一个值 单位deg
倾斜 skow(参数)=>
