css如何设置图片平移

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

本教程操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。

推荐：css视频教程

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

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

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

平移有三种情况：

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

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

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

示例：

  

    

  
  
translate(45px)  


  

    

  
  
translateX(45px)


  

    

  
  
translateY(45px)

效果图：

更多编程相关知识，请访问：编程教学！！

以上就是css如何设置图片平移的详细内容，更多请关注其它相关文章！