CSS3for

background-image设置图片渐变

径向渐变
直接书写两个颜色值，那么就会在0和100%之间进行线性渐变 从上至下进行线性渐变。
无论直接写多少个颜色值，它总会平分渐变
background：linear-gradient
linear-gradient第一个参数可以设置方向
坐标轴也可以自定义角度，y轴的正反向是上，为0度 顺时针旋转
在每个颜色值后边添加百分比，可以控制这个颜色怎么过度到这里

当百分比不是由0开始 或不是100结束只有在百分比区域过度，其他区域显示最近的颜色

重复渐变
repeating
背景图裁剪 以文字裁剪

径向渐变

background：redial-gradient
默认百分百在离圆心的最圆角

过渡动画

要过渡的属性如果全部则写all
动画时间
transition-duration
动画过渡类型
transition-timinmg-function
js可以触发过渡动画

2D变换

都是transform属性
rotate：旋转
rotateX沿着X轴旋转当值为正的时候 顶部朝里旋转，当值为负的时候顶部朝外旋转
rotateY沿着Y轴旋转当值为正的时候 左侧朝外旋转，当值为负的时候顶部朝里旋转
rotate元素默认直接沿着中心点顺时针(值为负)或逆时针旋转(值为正)，
skew：扭曲
skewX是沿着X控制扭曲 当值为正头向左边扭，否则头向右边扭
skewY是沿着Y控制扭曲 当值为Y正 左侧向上扭 否则左侧向下扭
skew()是合写 两个参数一个是X一个是Y
如果只有一个值默认X
scale
scaleX默认沿着中心点缩放
scale两个值的时候代表X和Y一起缩放
scale跟一个值的时候，代表X和y一起缩放
translate
translateX为正向右移动
translateY为负向上移动
translate两个值分别代表X和Y
translate如果书写一个值只代表一个值
translate书写百分比是相对于自身的宽和高
当元素旋转的时候，坐标轴会跟着旋转