Как изменить css несколько раз сразу?

Question

[Иван Акимов]

Вопрос в следующем. Как реализовать такое вот действие?

$('.principal_dynamic')
                .css('transition','')
                .append(img)
                .css('transform','translateX(' + (imgWidth + translateX -1) +'px)')
                 .css('transition','transform ' + time_transition + 'ms linear 0s')
                 .css('transform','translateX(' + ($('.principal_dynamic')[0].getBoundingClientRect().x - 100) + 'px)')

Грубо говоря, движущийся блок, в нем img если img скрывается целиком за границу окна, я перемещаю изображение в конец. Чтобы пользователю это было не заметно, я меняю значение transition и потом хочу его вернуть обратно, но проблема в том, что срабатываются только последние изменения стиля.

.css('transition','transform ' + time_transition + 'ms linear 0s')
                 .css('transform','translateX(' + ($('.principal_dynamic')[0].getBoundingClientRect().x - 100) + 'px)')

Comments

[Ankhena]

Меняйте классы, а не вот это вот...

[Иван Акимов]

Ankhena, Так частично все динамически вычисляется... Как менять то в таком случае?

[Ankhena]

Иван Акимов, через кастомные свойства

Answer 1

[nonconformiste]

используй .delay()