Cauta rapid aici ↑

Evenimentul transitionend

Acest eveniment este declansat in JavaScript in momentul in care proprietatea CSS transition a ajuns la sfarsit, adica a executat in timpul care i s-a dat efectuarea modificarilor de stil asupra elementului vizat cu pseudo-clasa hover si obligatoriu cursorul mouse-ului inca se afla pe element.

In acest fel putem face ca pe elementul afectat sa ii inseram un text nou, o imagine de fundal noua sau orice altceva ne dorim in momentul cand tranzitia a ajuns la final, declansand astfel evenimentul transitionend pe care vom rula o functie. Din moment ce s-a folosit pseudo-clasa hover, trebuie sa ne asteptam ca in momentul in care cursorul mouse-ului a parasit elementul, acesta sa revina partial la setarile initiale si asta pentru ca orice am schimbat cu JavaScript va ramane schimbat.

Codul pentru exemplul de mai sus.