为什么2D转换的各属性参数分开写，前面的会失效？

首页课程实战体系课手记专栏慕课教程

来源：2-13 编程练习

慕妹8003063

2020-09-17 21:37:14

transform: translate(100px,100px) rotate(30deg) scale(.5) ;

这样写，位移、缩放、旋转都会生效，但是，如果我分开写：

transform: translate(100px,100px);

transform: rotate(30deg);

transform: scale(.5) ;

那么，只有最后一条缩放生效，前面两项都无效，transform为什么是覆盖而不是叠加呢？

写回答

1回答

好帮手慕星星

2020-09-18

已采纳

同学你好，分开写transform都是相同的属性，在css中，相同属性一般会显示最后一个，覆盖前面的。所以当transform属性有多个值的时候要合并在一起。

祝学习愉快！

0 学习 · 15276 问题

相似问题

回答 1

回答 1

回答 1

回答 3

回答 1