比如，我有一个300*400的元素(并且该元素不支持使用width跟height)，
初始位置
此时我需要对其进行放大，比如我们需要对其放大一倍，
缩放后的大小
然后又要保证其相对位置跟原来保持一致，此时就需要通过translate对其进行平移，使其回到原来的相对位置。
平移示意图
按照正常的计算方式，我们需要将其向右平移200，向下平移150才行，但是需要注意的是此处的translate的参数是translate(100, 75)因为在实际的平移过程中translate的值也会乘上你的scale中的参数。
所以在对scale之后的元素通过平移来实现到达某个位置时，translate中的参数为：实际平移值/scale的倍数。
在项目中使用scale的时候遇到一个场景：需要对一个指定的元素进行缩放，但同时又要保持其的相对的位置不变，这个时候...
transform的属性包括：rotate() / skew() / scale() / translate(,)...
（1）transform transform 的四个rotate、scale、skew和translate属性， ...
transform的属性包括：rotate() 、skew() 、scale()、 translate(,) ，分...
transform: rotate | scale | skew | translate |matrix; mat...
transform转换属性 transform:translate(100px,100px) scale(1.5)...
border: 1px dashed red; solid为实线；dashed为虚线。margin: 0 auto...
在css中transform可以变换 例如： 1、translate(x,y)设置盒子位移 2、scale(x,y...
移动translate 缩放scale 旋转rotate 扭曲skew transform-origin:改变元素基点
今天主要给大家介绍transform的几个变换方式如：translate scale rotate transfo...
本文标题：transform中的scale跟translate的使用问题总
本文链接：https://www.haomeiwen.com/subject/zspsjftx.html
网友评论