为什么scale只能放在前面,放在后面就没有效果
来源:2-1 汉克狗头部轮廓和耳朵
慕移动0023355
2019-05-18 14:00:13
.ear.right{ transform: scale(-1,1) translate(-17px,0) rotate(10deg) ; }
1回答
同学你好!
不是放在后面没有效果,而是放在后面的效果不是我们想要实现的。
举个例子来看:
如果把scale放在后面:
如果把scale放在前面:和原图对比,这个才是我们想要的将图形水平翻转了再旋转的效果
transform如果连用的话,顺序是产生一些影响的。是先水平翻转还是先旋转这就是属性顺序来决定的
(比如你一个数先做加法运算再做乘法运输,反过来先做乘法运算再做加法运算,这两个结果不一样的 (3+2)*4=20 (3*4)+2=14 transform本质上也就是数学中矩阵的运算,也是有先后顺序的。)
同学可这么来理解一下~
如果帮助到了你 欢迎采纳 祝学习愉快~
相似问题