CSS3中translate to，transform和translation的区别和联系

你的位置：网站首页 >> 频道首页 >>教育 >>CSS3中translate to，transform和translation的区别和联系

点击联系发帖人 时间：2017-10-11 07:01

translate to

通过 translate to() 方法元素从其当前位置移動，根据给定的 left（x 坐标）和 top（y 坐标）位置参数：

x,y值代表沿x轴和y轴平移的距离

允许CSS属性值在一定的时间区间内平滑的过渡，需要事件的触發例如单击、获取焦点、失去焦点等

}

　　通过 translate to() 方法元素从其当前位置移动，根据给定的 left（x 坐标）和 top（y 坐标）位置参数：

　　CSS3中主要包括

　　　　扭曲：skew() 元素翻转给定的角度,根据给定的水平线（X 轴）和垂直線（Y 轴）参数：skew(30deg,20deg)

　　　　缩放：scale() 放大或缩小根据给定的宽度（X 轴）和高度（Y 轴）参数： scale(2,4)

　　　　移动：translate to() 平移，传进 x,y值代表沿x轴和y轴平迻的距离

　　　　所有的2D转换方法组合在一起： matrix() 旋转、缩放、移动以及倾斜元素

　　需要事件的触发例如单击、获取焦点、失去焦点等

　　注意：当property为all的时候所有动画

猜想问题原因：个人认为是 js 对浮点数计算不精确，导致的

}