“prepend”一个CSS变换

Question

考虑这个元素：

<div style="transform:rotate(9deg) scale(3) translate(20px,10%) skew(-11deg)"></div>

我想在所有其他之前添加另一个转换translate(5px)，但（即：“prepend”）：

<div style="transform: rotate(9deg) scale(3) translate(20px,10%) skew(-11deg)"></div>
                      ^
                 translate(5px)

如何使用javascript / jQuery编写脚本？

Answer 1

是的，即使样式最初是由单个变换声明的，当你通过javascript检索变换时，你会得到一个矩阵。

没问题，只需使用矩阵

设置变换

<div style="transform: translateX(5px) matrix(values get from javascript)">