关于当前safari对于calc()的样式兼容问题

遇到一个情况，就是一个输入框，原本是left: calc(50% - XXXpx)居中，hover时变成left: calc(50% - YYYpx)，给了个transition，但是在safari浏览器下频繁hover的时候，样式不是平滑的变化。

后用以下方案解决问题：

.XXX {
	left: 50%;
	transform: translateX(-50%);
}

问题可能是safari在calc()计算时逻辑导致，直接用transform来进行位移可以解决