Is it possible to make some kind of smooth animation here? Можно ли здесь сделать какую-то плавную анимацию?

Question

https://code.sololearn.com/WSx5n0zjpD4L/?ref=app
https://code.sololearn.com/WV7a09Y8N83x/?ref=app

Answer 1

Например, такой вариант сделает анимацию плавной, но будет ли она тем, что ты хочешь?
from {
transform: translateX(0) translateY(0);
}

25% {
transform: translateX(0) translateY(calc(var(--spinner-size) - var(--dot-size)));
}

50% {
transform: translateX(calc(var(--spinner-size) - var(--dot-size))) translateY(calc(var(--spinner-size) - var(--dot-size)));
}

75% {
transform: translateX(calc(var(--spinner-size) - var(--dot-size))) translateY(0);
}

100% {
transform: translateX(0) translateY(0);
}

Answer 2

Alexey Kopyshev плавней передвижение шаров