2021-03-29

渐变

• 线性渐变 backgeound-image:linear-gradient（渐变方向，颜色）
• 径向渐变 backgeound-image:radial-gradient （形状，at 圆心位置，颜色）
• 线性渐变中颜色位置代表从那个方向开始渐变
• 所有颜色位置都是从左边开始

2D转换

• 位移 transform:translate（x,y）
  相对自身，不脱标
• 旋转 transform:rotate（角度）
• 缩放 transform:scale（值1，值2）
  值为倍数值
• 倾斜 transform:skew（x轴角度，y轴角度）
• 多重转换 transform:translate（）rotate（）scale（）
  旋转可以改变x，y轴方向 ，所以translate，rotate顺序不能随意换
• 注意属性名相同的会覆盖