线性渐变 background属性
属性值：linear-gradient（参数）
里面的第一个参数表示方向，第二个参数表示颜色1，第三个参数表示颜色2，渐变是最少两个颜色，最多有无数个。
每个参数之间都需要用逗号隔开。
兼容性：线性渐变是有兼容问题，需要加浏览器前缀，但工作中一般不考虑。
细分下第一个参数：方向。
从一个变到另一个边：to+结束的方向值
从一个角到另一个角：to+结束的角
deg 角度值
遇到兼容性问题的话就跟上面不一样了，从一个边到另一个边不能加to，而是直接写开始的方向就好；从一个角到另一个角也不能加to，而是直接写开始的角；用角度值的话就是直接写90度减去要使用的角度值的那个数值。
径向渐变 background属性
属性值：radial-gradient（参数）
第一个参数表示渐变的起点位置，第二个参数表示渐变的形状，第三个参数表示渐变的大小，第四个参数表示渐变的颜色值1，第五个参数表示渐变的颜色值2。
起点位置：默认在中心点，使用这些值可以改变，value（50px 50px）、top、right
形状：elipse（椭圆，也是默认值），cirle（圆）
【注意】形状和大小属性值是有冲突的，一起用的话不用逗号隔开，直接用空格隔开就好。
【拓展】重新线性渐变和重复径向渐变：repeating-linear-gradient / repeating-radial-gradient
过渡transition
控制元素从一种状态变化或者过渡到另一个状态（初始状态和结束状态一定要有）
后一般接时间，第一个时间表示缓慢的速度，第二个时间表示延迟多少秒开始过渡。
2D——transform属性
1、属性值translate（参数） 表示位移。参数可以有两个，第一个表示向x轴位移，第二个值表示像y轴位移。两个参数用逗号隔开。
位移跟相对定位一样不脱离文档流，也可以向定位一样使一个元素在浏览器中居中。
2、属性值scale（参数） 表示缩放。两个参数，倍数和宽高。宽高缩小倍数相同时可以简写为一个。也可以写成scalex（倍数）和scaley（倍数），xy大小写通用。
倍数：0~1，表示缩小多少倍
等于1，默认值，不会变化，可以作为展示的方法。
大于1，放大多少倍。
等于0，不存在，可以使元素隐藏起来。
小于0，先缩小为0，再扩大多少倍，会旋转180度。
3、属性值rotate（角度值参数） 表示旋转。只有一个参数，可以为正值，这样就是顺时针旋转；也可以为负值，就表示逆时针旋转，默认是沿着Z轴旋转。
4、属性值skew（参数） 表示倾斜，可以接两个参数，x y或者写成skewx（参数）和skewy（参数），xy大小写通用。
【注意】如果在工作中，遇到多个功能函数，先写位移后，再写其他函数。
