Задача чтобы машина при скролле ехала вперёд.
translateX() выполняется с помощью JS и пересчитывается в зависимости от позиции scrollTop.
Мне нужно, чтобы машина тряслась (типа двигатель работает).
Я создал анимацию:
car {
position: absolute;
...
animation: shake 0.01s linear infinite alternate;
}
@keyframes shake {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-2px);
}
}
Однако, получатся, что анимация блокирует динамическое перемещение transform:translateX(speed);
Работает что-то одно. Вместе никак.
Как добиться желаемого результата?