transform属性的translate()实现元素平移

sxysoft_csdn 2021-05-10 09:58:49
在CSS3中,我们可以使用transform属性的translate()方法来实现元素的平移效果。

css语法如下:

transform: translateX(x); /*沿X轴方向平移*/
transform: translateY(y); /*沿Y轴方向平移*/
transform: translate(x, y); /*沿X轴和Y轴同时平移*/
说明:

从上面可以看出,平移有3种情况: translateX()、translateY()、translate()。参数x表示元素在x轴方向上的移动距离,参数y表示元素在y轴方向上的移动距离,两者的单位可以为px、em和百分比等。

参考链接地址如下:
http://www.xinbiancheng.cn/qa/6097a4cf3b6eb91610f1b519.html
...全文
251 点赞 收藏 1
写回复
1 条回复
sxysoft_csdn 05月19日
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告