为什么scale只能放在前面,放在后面就没有效果

来源:2-1 汉克狗头部轮廓和耳朵

慕移动0023355

2019-05-18 14:00:13

.ear.right{
    transform: scale(-1,1) translate(-17px,0) rotate(10deg) ;
}


写回答

1回答

好帮手慕码

2019-05-18

同学你好!

不是放在后面没有效果,而是放在后面的效果不是我们想要实现的。

举个例子来看:

http://img.mukewang.com/climg/5cdfac15000125be05210332.jpg

http://img.mukewang.com/climg/5cdfac320001473705740289.jpg

如果把scale放在后面:

http://img.mukewang.com/climg/5cdfac9f0001603608810296.jpg

如果把scale放在前面:和原图对比,这个才是我们想要的将图形水平翻转了再旋转的效果

http://img.mukewang.com/climg/5cdfaccc0001f74707780283.jpg

transform如果连用的话,顺序是产生一些影响的。是先水平翻转还是先旋转这就是属性顺序来决定的

(比如你一个数先做加法运算再做乘法运输,反过来先做乘法运算再做加法运算,这两个结果不一样的  (3+2)*4=20 (3*4)+2=14  transform本质上也就是数学中矩阵的运算,也是有先后顺序的。)

同学可这么来理解一下~

如果帮助到了你 欢迎采纳 祝学习愉快~


0

0 学习 · 40143 问题

查看课程