анимация работает на хроме, но не на Mozilla и сафари

Question

я этот код для кнопки так будет расти, когда я зависать над ним

.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; 
} 

она прекрасно работает на хроме, но он ничего не делает на mozilla и safari, может кто-нибудь помочь мне с тем, что не так с моим кодом?

Answer 1

Это работает?

.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); 
}