css - 动画只能在chrome上使用，但不能在mozilla和safari上使用

我有一个按钮的代码，因此当我将鼠标悬停在按钮上时它将增长

.btn_pr {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 700ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease;
-moz-transition-duration: 700ms;
}

.btn_pr:hover {
-webkit-transform: scale(1.15,1.15);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 700ms;
-moz-transform: scale(1.15,1.15);
-moz-transition-timing-function: ease;
-moz-transition-duration: 700ms;
}

它可以在chrome上完美运行，但是在mozilla和safari上却无能为力，有人可以帮我解决我的代码有什么问题吗？

最佳答案

这样行吗？

.btn_pr {
    border-radius: 15px;
    transition:all 700ms ease;
}
.btn_pr:hover {
    -webkit-transform:scale(1.15);
            transform:scale(1.15);
}

<button class="btn_pr">Test button</button>

这是上面CSS的全前缀版本，创建时将Autoprefixer设置为最近500个版本：

.btn_pr {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    -webkit-transition:all 700ms ease;
       -moz-transition:all 700ms ease;
         -o-transition:all 700ms ease;
            transition:all 700ms ease;
}
.btn_pr:hover {
    -webkit-transform:scale(1.15);
            -moz-transform:scale(1.15);
             -ms-transform:scale(1.15);
              -o-transform:scale(1.15);
         transform:scale(1.15);
}