css设置图片平移的方法-创新互联

小编给大家分享一下css设置图片平移的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联是一家专业的成都网站建设公司，我们专注成都网站设计、成都网站制作、网络营销、企业网站建设，外链，广告投放为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

css设置图片平移的方法：1、通过“translate(x,y)”属性使元素在x轴和y轴方向同时移动；2、通过“translate X(x)”属性使元素仅在x轴方向移动；3、通过“translateY(y)”属性使元素仅在y轴方向移动即可。

平移的定义：元素在原来的位置上直线移动。

在CSS中，可以给img图片元素使用Transform属性来设置图片平移。

Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

平移有三种情况：

translate（x，y）在x轴和y轴方向同时移动

translate X（x）仅在x轴方向移动

translateY（y）仅在y轴方向移动

示例：