¿Cómo podría cambiar la duración de flipHeads de 3 a 0 usando Javascript puro?
CSS:
.animate-Heads{ animation: flipHeads 3s; animation-fill-mode: forwards; }Cualquier ayuda es muy apreciada
Puedes probar
const animateHeads = document.getElementsByClassName('animate-Heads') /*animateHeads is now an array which contains elements that have 'animate-Heads' as class name , saying you want to change the duration of the first element */ animateHeads[0].style.animationDuration = '0s'No soy fanático de CSS en línea, así que agregaría clase a elemento. document.querySelector('.animate-Heads').classList.add('remove-duration')
.animate-Heads.remove-duration{ animation-duration: 0s; }