CSS3高级特效

一、变形 transform

CSS3变形是一些效果的集合，如：平移、旋转、缩放、倾斜效果。

每个效果都可以称为变形（transform），它可以分别操控元素发生平移、旋转、缩放、倾斜等变化。

1、translate(tx,ty)：平移函数，基于X、Y坐标重新定位元素的位置

 tx x轴（横坐标）移动方向长度

 ty y轴 （纵坐标）移动方向长度

① 设置两个值，x轴向右移动200px，y轴向下移动50px

---

② x轴不移动，y轴向下移动100px

---

③ y轴不移动，x轴向右移动100px

---

④y轴不移动，x轴向左移动50px（可以接受负值）