Tuve un problema con el ícono giratorio mientras hacía clic en él. Traté de usar el cuadro clave para el icono de ángulo de rotación:
@keyframes rotateAngle { 0%{ transform: rotate(-180deg); } }
y lo usé en la función javascript como esta:
function changeAngle(e) { let angleIcon = e.currentTarget.querySelector("i"); angleIcon.classList.toggle("fa-angle-up"); angleIcon.style.animation = 'rotateAngle 0.6s' }
funciona, pero solo para el primer clic.