Почему мои элементы мерцают перед анимацией с использованием CSS ⇐ Html

[Anonymous]

Я создавал клон 2048 года с нуля как проект. У меня игра почти работает, единственная проблема в том, что моя анимация выглядит корявой. Я использовал сетку CSS для создания своей игровой доски, и после каждого движения (ввода пользователя) все плитки должны скользить по доске в определенном направлении. Эта часть работает нормально, когда они запускают анимацию слайдов, по какой-то причине некоторые элементы мерцают.
Я не лучший разбираюсь в CSS-анимации, но я попытался просмотреть все возможные ресурсы и не смог найти никаких решений, подходящих для моего кода. Я пробовал переключать время анимации, задерживать анимацию и т. д., но безрезультатно. Я использовал пакет animate-css-grid (потому что анимация CSS-сетки сложна), который обрабатывает только скольжение плиток по сетке, и я не подозреваю, что это вызывает проблему.
Я поместил код в js-скрипт, если кому-то интересно попробовать и увидеть проблему https://jsfiddle.net/codedjourney/uv1o48L6/3/ привет
Кроме того, если у кого-то есть лучший способ анимации CSS-сетки, дайте мне знать о пакете, хотя работать с ним немного странно.

Подробнее здесь: https://stackoverflow.com/questions/742 ... -using-css