在css3中可以实现平移效果的属性是“transform”。transform属性配合translate()函数使用可以对元素进行平移操作,语法为“元素{transform:translate(横向平移值,竖向平移值);}”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
在css3中可以实现平移效果的属性是什么
在css3中,可以利用transform属性配合translate()函数实现元素平移效果。
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
立即学习“前端免费学习笔记(深入)”;
translate()函数用于定义元素的2D 转换。也就是平移的效果。
语法如下:
元素{transform:translate(横向平移值,竖向平移值);}示例如下:
BJXShop网上购物系统是一个高效、稳定、安全的电子商店销售平台,经过近三年市场的考验,在中国网购系统中属领先水平;完善的订单管理、销售统计系统;网站模版可DIY、亦可导入导出;会员、商品种类和价格均实现无限等级;管理员权限可细分;整合了多种在线支付接口;强有力搜索引擎支持... 程序更新:此版本是伴江行官方商业版程序,已经终止销售,现于免费给大家使用。比其以前的免费版功能增加了:1,整合了论坛
Document
输出结果:
在没有添加transform:translate(100px,100px);样式时

添加transform:translate(100px,100px);样式后:

(学习视频分享:css视频教程)









