Почему есть разница в анимации css при запусках на dev сервере webpack и локально?

Question

[Destell]

Пример

Банальнейшая, казалось бы, анимация при загрузке страницы / попадании блоков в viewport.

Блок смещен через transform: translate(-100px), без совершения дальнейших действий - в таком состоянии и остается. сразу при загрузке сайта.

Однако на дев сервере сперва загружается страница, затем уже начинается анимация блока transform: translate(-100px);

В чем дело?

Answer 1

[profesor08]

Дело в том, что в dev окружении у тебя сначала отрисовывается страница, потом, через js, подгружаются стили. Удали transition, потом на js добавь еще класс, где будет указан transition.