CSS Matrix - 如何实现百分比翻译

Question

我的chrome调试器告诉我这些都是无效的规则

transform: scale(1.1,1.1),translate(-50%,-50%);
transform: matrix(1,0,0,1,-50%,-50%);

如何将缩放和百分比转换变换应用于单个元素？

Answer 1

删除逗号：

div {
  height: 50px;
  background: blue;
  transform: scale(1.1,1.1) translate(-50%,-50%);
}

<div></div>