CSS问题：tramsform中 translate 和 rotate属性同时存在

忘了哪天了，在使用d3.js画图时，既要将x轴数据旋转适当的度数(数据太长，横向排列会重叠)，但同时又需要让其移动位置。最开始是这样写的(如图)，虽然明知道这样会覆盖掉上面的样式(正确写法忘记了)，但是抱有一丝侥幸心理，万一成了呢是吧...诶嘿嘿..不出意外的话果然出了意外，意料之中的失败...

 也尝试过百度啥的，但都没有我想要的结果(可能是我关键字写的不对)，最后问了公司大佬，告知了我正确写法(虽然被他嘲笑了一下(打趣)，这么简单的样式问题都能忘...)(如图)

 

// css写法
transform: translate(0, 20) rotate(20);