CSS 里的 transform ，就是变换，它可以改变元素展示的一些形态 .. 比如在这个图像元素的上面，用一个 transform 属性 .. 它的值可以是一些变换的方法 .. 先看一下这个 rotate() 方法 ... 它可以旋转元素 .. 把表示旋转角度的值告诉这个方法 .. 比如 15deg ，15 度 ...

你会发现这个图像元素向右旋转了 15 度 ... 变换元素的时候我们可以设置一下变换的起点 .. 默认这个起点就是元素的中心位置 ...

这里就是元素会以中心为起点，向右旋转了 15 度 ..

修改这个变换起点用的是 transform-origin 这个属性 ... 我们可以设置 x，y，还有 z 轴的偏移 .. 可以用具体的长度，百分比，或者一些关键词 .. bottom，center，left，right 还有 top ..

比如我想用左下底这个点作为变换的起点 .. 可以用一下 left bottom ..

现在这个图像会以左下角这个位置作为起点，旋转 15 度 ..

再试一下， right bottom ... 现在这个图像会以右下角这个位置作为起点，旋转 15 度 ...