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

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

CSS问题:tramsform中 translate 和 rotate属性同时存在_第1张图片

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

CSS问题:tramsform中 translate 和 rotate属性同时存在_第2张图片

 

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

你可能感兴趣的:(scss/less,工作中遇到的问题,css,html,前端)