About CSS Transition Start and End Events

1
2
3
4
5
6
7
8
9

const el = document.querySelector('.animated');

el.addEventListener('transitionstart', function() {
    console.log('Animation started');
});

el.addEventListener('transitionend', function() {
    console.log('Animation ended');
});

Tips and Tricks Programming Web Design JavaScript HTML5 CSS3

• Share
  on X
• Share
  on Facebook
• Share
  on LinkedIn