为什么transform: translateX(-50%)+ translateY(-50%)不能水平垂直居中

Question

css transform 垂直水平居中

为什么使用transform: translate(-50%, -50%)能实现水平垂直居中，而使用transform: translateX(-50%)；transform: translateY(-50%)不能

相关代码

//效果实现
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

//出现偏移
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%)；
transform: translateY(-50%)；

Answer 1

两个 transform 后一个把前一个覆盖了吧

Answer 2

css同名属性写多次，后面的会把前面的覆盖。