translateX

translateX是相对于元素最开始位置进行移动的，不是元素的新位置

    <script>
        var div = document.querySelector('div');
        div.style.transform = 'translateX(100px)';
        div.style.transform = 'translateX(50px)';
    script>

可以看到元素移动的事50px,而不是150px