如何在CSS中应用多个转换？

您必须将它们放在这样的一行上：

li:nth-child(2) {    transform: rotate(15deg) translate(-20px,0px);}

当您有多个转换指令时，将仅应用最后一个。就像其他任何CSS规则一样。

请记住，从右到左应用了 多行转换指令。

这：

transform: scale(1,1.5) rotate(90deg);

transform: rotate(90deg) scale(1,1.5);

会 不会 产生同样的结果：

.orderOne, .orderTwo {  font-family: sans-serif;  font-size: 22px;  color: #000;  display: inline-block;}.orderOne {  transform: scale(1, 1.5) rotate(90deg);}.orderTwo {  transform: rotate(90deg) scale(1, 1.5);}<div >  A</div><div >  A</div>