@wakenby

Как работает данный код?

function setPosition(element) {
  const tempTime = getRandomInt(timeTransitionMin, timeTransitionMax);

  element.style.transition = tempTime + "ms all";
  element.style.transform = 'translateX(' + getRandomInt(-animated.getBoundingClientRect().width / size, animated.getBoundingClientRect().width / size) + 'px) translateY(' + getRandomInt(-animated.getBoundingClientRect().height / size, animated.getBoundingClientRect().height / size) + 'px)';
  element.style.transition = tempTime / 2 + "ms all";
}


Правильно ли я понимаю что данная строчка: element.style.transition = tempTime / 2 + "ms all затирает предыдущую: element.style.transition = tempTime + "ms all".

И если удалить element.style.transition = tempTime + "ms all" то ничего не поменяется, ведь она и не работает так как element.style.transition = tempTime / 2 + "ms all" моментально ставиться в стили?
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
WblCHA
@WblCHA
Всё верно, однако если сделать так:
element.style.transition = tempTime + "ms all";
element.style.transform = 'translateX(' + getRandomInt(-animated.getBoundingClientRect().width / size, animated.getBoundingClientRect().width / size) + 'px) translateY(' + getRandomInt(-animated.getBoundingClientRect().height / size, animated.getBoundingClientRect().height / size) + 'px)';
setTimeout(() => { element.style.transition = tempTime / 2 + "ms all"; }, 0)

То трансформ успеет начать работать с первым значением транзишена.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Intspirit Краснодар
от 80 000 до 150 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
22 янв. 2021, в 19:26
40000 руб./за проект
22 янв. 2021, в 19:14
25000 руб./за проект