jquery动画问题

Question

我为一个div设置了 trans 样式类，初始样式 为

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

现在点击按钮设置外层div样式为 transform:translate3d(0,0,0),但是不触发transition动画,代码为

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

为啥这样写还是触发了transition动画呢?求助求助，

Answer 1

1.首先，如果父元素上有trans这个类，当transform变换的时候肯定会触发transition的
2.一开始有trans这个类，然后你移除了这个类设置了css，又加上了这个类，不知道jQuery底层或者浏览器是怎么处理这个先后顺序的，可能是一起添加的
3.不知道你要实现什么效果。感觉这个逻辑不是很正常