平面转换与渐变

一.平面转换

1.平面转换:使用transform属性实现元素的位移、旋转、缩放等效果

1.平面转换

• 改变盒子在平面内的形态（位移、旋转、缩放）
• 2D转换

2.平面转换属性

• transform
• 

(1)位移:使用translate实现元素位移效果

1.语法

• transform: translate(水平移动距离, 垂直移动距离)

2.取值(正负都可)

• 像素单位数值
• 百分比（参照物为盒子自身尺寸）
  注意：X轴正向为右，Y轴正向为下

3.技巧

• translate()如果只给出 一个值 , 表