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>