成都网站建设设计

将想法与焦点和您一起共享

css设置图片平移的方法

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

网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了温泉免费建站欢迎大家使用!

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轴方向移动

示例:





平移





  
    
  
  

translate(45px)  

       
  
  

translateX(45px)

             

translateY(45px)

效果图:

css设置图片平移的方法

看完了这篇文章,相信你对“css设置图片平移的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


新闻标题:css设置图片平移的方法
当前网址:http://chengdu.cdxwcx.cn/article/ieecsi.html