规模（）
缩放X()
缩放Y()
缩放Z()
缩放3d()
本章知识点很小→
—————————————————————————————————————————
缩放X()
缩放Y()
缩放元素，>1 放大，
看里面的图片，你可能会觉得100px变成了200px，但其实不然。 改变的不是元素的宽度和高度。
其实他改变的并不是元素的宽高，而是x轴和y轴的比例↓
规模（）
这个是前两者的结合，即第一个参数是x，第二个参数是y
缩放3d()
第一个参数是x，第二个参数是y，第三个参数是z，是scalexscaleyscalez的组合。
Scalez，这个值一开始是3D的，所以可能有点难以理解。 和上一张图一样，它本来就是一张2D图片。 无论你如何拉伸它的Z轴，你都不会看到效果。 前提是你的图片可以3D拉伸，但不能2D拉伸。 如果有不知道Z轴在哪里的同学请点击这里→
探索：
首先我们思考一个问题，使用rotate进行旋转，那么X轴和Y轴会随着旋转而变化，那么此时加上scaleX和Y，在旋转的过程中会不会带来scale的疗效呢？
我们先观察一下，先旋转再缩放的效果：
看完里面的图片，你有没有觉得css3 拉伸，当你旋转的时候，它会随着尺度的疗效而旋转呢？ 但！ 如果两个位置互换，结果完全不同，先缩放再旋转
对比两张图，你会发现第一张图的疗效确实是随着尺度的疗效而旋转的。 为什么位置改变后会不一样？
其实先旋转，再缩放（先旋转，再缩放）会给旋转带来疗效，但是先缩放再旋转（先缩放css3 拉伸，再旋转）不会给旋转带来缩放的疗效，缩放的效果疗效会留在原处，当你经过时才会生效。 看下图，缩放后的刻度会留在原地，当它经过时，刻度会恢复。
发表评论