CSS转换没有持续时间

Question

我正在做一些简单的CSS动画。

这是我的CSS：

#contactBtn {
  transition: width 1.5s, height 1.5s, transform 1.5s;
}

然后在我的JS上点击我做：

contactBtn.style = "width: 61em; height: 35em; transform: translateX(0)";

宽度和高度按照预期动画，比原来增加1.5秒。变换也会发生 - 元素移动到我期望的位置。但它会立即跳起而不是拖延。

到目前为止，只在Chrome中测试过。

我尝试拆分CSS，如下所示，但没有成功：

#contactBtn {
  transition-duration: 1.5s;
  transition-property: width height transform;
}

提前感谢您的任何答案。