• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

291
Views
¿Cómo cambio el tiempo de transición de un elemento en JavaScript?

Digamos que tengo un elemento con:

 .element{ /* some css prorieties */ transition-duration:1.5s; transition-delay:.1s; }

Ahora, al activarlo al pasar el cursor sobre otro elemento, quiero que entre con esta duración y retraso, pero que salga (ya no se desplace) un poco más rápido.

Ahora deja que bigobj=the object sobre el que paso el mouse

y

let smallobj=the object que hace la transición ( .element )

Mi JS se ve así:

 bigobj.addEventListener('mouseleave',function(){ smallobj.style.transitionDuration=.3; smallobj.style.transitionDelay=.3; });

no funciona

Si lo cambio a:

 smallobj.style.transition="none";

funciona según lo previsto.

¿Cuál sería una solución?

almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error