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轴方向移动
示例:
平移 translate(45px)
translateX(45px)
translateY(45px)
效果图:
看完了这篇文章,相信你对“css设置图片平移的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
本文标题:css设置图片平移的方法-创新互联
本文URL:http://scyanting.com/article/iohed.html