translate(-50%,-50%)在这个代码段的具体作用是什么？
来源：8-10 CSS3中的动画--过渡延迟时间 transition-delay
yunsky0
2015-11-29 20:05
translate(-50%,-50%)在这个代码段的具体作用是什么？
写回答
关注
4回答
-
- 化龙贝
- 2015-11-29 22:15:03
当使用：top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置
translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置
-
- qq_小王子_11
- 2017-08-29 11:43:15
<div> 我的回答 </div>
-
- echo_kinchao
- 2015-11-30 14:00:46
便宜到左上角 距离为自身的一半
-
- 慕男婶
- 2015-11-29 22:01:20
往左平移自己宽度的一半的距离
往右平移自己宽度的一半的距离
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242554 学习 · 2623 问题
相似问题