如何将CSS`rotary3d()`转换为`rotateX()rotateY()rotateZ()`?

Eri*_*yer 8 css transform

我试图找出如何从rotate3d()函数转换为等效rotateX() rotateY() rotateZ()函数.沿着素数轴的向量很容易,但我想知道如何对任意向量进行处理.我对矩阵数学没有希望,我意识到这可能是一个障碍,但理想情况下,我最终会得到类似的东西:

  • 鉴于rotate3d(x,y,z,a)......
  • ...的值由rotateX()[[ as-simple-as-possible equation此处 ]]确定
  • ...的值由rotateY()[[ as-simple-as-possible equation此处 ]]确定
  • ...的值由rotateZ()[[ as-simple-as-possible equation此处 ]]确定

拥有这些对于构建可视化工具非常有用,可以帮助教授作者如何rotate3d()工作,这是我最终目标的一部分.

(这个问题基本上与rotate3d简写相反[或者它是相反的?] .)