• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

102
Vistas
reproducción inversa de la animación gsap

Hay una página con animación, al hacer clic en la hamburguesa, los elementos del menú aparecen uno tras otro, al hacer clic en la "cruz", los elementos deben "desaparecer" en orden inverso, es decir, la animación debe reproducirse en orden inverso. . Quiero usar el método reverse(), pero el problema es que el botón de hamburguesa y el botón de "cruz" son elementos DOM diferentes, el alcance no permite

 const burger = document.querySelector('.burger'); const menu = document.querySelector('.menu'); const menuClose = document.querySelector('.close'); var tb = gsap.timeline({defaults: {duration: .3}}); burger.addEventListener('click', () => { menu.classList.add('_active'); tb.fromTo(".menu", { opacity: 0}, { opacity: 1}); tb.fromTo(".menu__nav", { opacity: 0}, { opacity: 1}); tb.fromTo(".social", { opacity: 0}, { opacity: 1}); tb.fromTo(".menu__right", { opacity: 0}, { opacity: 1}); }); menuClose.addEventListener('click', () => { tb.reverse(); menu.classList.remove('_active'); });

almost 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda