Creo una aplicación de tabla periódica y creo una animación donde el elemento se mueve desde la posición inicial al centro de la ventana, pero las transiciones son desiguales. Para hacer esto, creo una copia de este elemento (haciendo clic) y el cambio es Clase.

Las animaciones están hechas de CSS (clase de actualización que tiene otros valores Left/Top/Translate) y pocas provienen de JS (por ejemplo: x.style.left = y)

También traté de crear valores CSS ROOT y actualizarlos con JS, pero el mismo problema. También traté de eliminar el JS máximo que no es necesario. Intenté Solicitar marco de animación "en todas partes" también.

No estoy usando complementos, es una aplicación VanillaJS hecha con Isotope. ¿Sabes por qué esto es lento? ¿Hay demasiados elementos en mi DOM? O tal vez estoy haciendo mal? Me encanta este tipo de transición, ¡así que realmente quiero saber cómo puedo optimizarla!

Aquí hay un enlace para mi proyecto JavaScript (puede actualizarse con frecuencia).