jquery動畫問題

我為一個div設(shè)置了 trans 樣式類，初始樣式 為

.trans{
    transition: transform 10s;
}
.container{
    transform:translate3d(-640px,0,0);
}
<div class="container trans">

現(xiàn)在點擊按鈕設(shè)置外層div樣式為 transform:translate3d(0,0,0),但是不觸發(fā)transition動畫,代碼為

$("#d1").on('click',function(){
    $(".container").removeClass('trans').css({
        'transform':'translate3d(0,0,0)'
    }).addClass('trans');
});

為啥這樣寫還是觸發(fā)了transition動畫呢?求助求助，