再换一个旋转方法,用一下 rotateX ... 现在这个图像会围绕着它的 X 轴旋转一定的度数 ..
还有一个 rotateZ .. 它可以让元素在 Z 轴旋转 .. 这个 Z 轴就是穿过元素的中心,直接冲向你的这个轴 ...
很多变换方法都有对应的变换 X,Y,还有 Z 轴的方法 .. 先让元素在 Y 轴旋转一定的角度 .. 后面再用一个 translateX ,让它在 X 轴移动一定的距离 .. 观察这个过渡的动画 .. 这个元素现在好像离我们更远了一些 ..
移动的值也可以是一个负数 ..
再试一下 ... 让元素在 X 轴旋转 ... 在 Y 轴移动 ...
还有一个 translateZ,可以让元素在 Z 轴移动 ... 我们可以再去掉旋转 .. 单独使用一下这个 translateZ ... 观察一下它对这个图像元素的影响 ...
在它的前面,再用一个 scaleZ .. 它可以修改元素在 Z 轴上的坐标 ...