Css3过渡不起作用

Question

CSS

.score {
    -moz-transition: all 1s ease-in-out; 
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.score-big {
    -webkit-transform: scale(3);
}

js

$('.score').addClass('score-big')

缩放应用但没有过渡。当我在chrome控制台中切换比例时，转换工作。什么问题？