ios 图片逆时针旋转_没有Java的JavaScript之图片3D翻转！

打工人の诗

青春年华，

按键敲遍回首萧萧烈风杀，

落燕还古榻。仍欲挥剑走天涯，

只为找到那个她。

Transform：rotate3d()

Recently，接触到了一个js实现图片翻转特效的一个需求，之前并没有接触过类似知识点；而且更重要的是之前在家里黏在床上接近一个月，俨然成了一个小垃圾，现在只能从头开始开始一点点学习(看-成败~，人生豪迈~，只不过是从头再来~！)

    ——下面是一个菜鸟对于这个知识点的整个从学习到实现的流程

(图片可以点开放大观看)

敲黑板！

rotate3d() CSS函数定义一个变换，它将元素围绕固定轴移动而不使其变形。运动量由指定的角度定义; 如果为正，运动将为顺时针，如果为负，则为逆时针。

语法：rotate3d(x,y,z,a)

值：

x

类型，可以是0-1之间的数值，表示旋转轴X坐标方向的矢量

Y

类型，可以是0-1之间的数值，表示旋转轴Y坐标方向的矢量

Z

类型，可以是0-1之间的数值，表示旋转Z坐标方向的矢量

a

  类型，表示旋转角度。正的角度值表示顺时针旋转，负值表示逆时针旋转

xyz轴及旋转方向

上代码

蟑螂恶霸：点开放大看！

上效果图

(学习无处不在，为了记下这个知识点，学会了用ps制作gif图

)

 - Mic Drop -  

作者：Witness