css transitions complete code example

Example 1: transition event listener does not work

try 'webkitTransitionEnd' instead of 'transitioned'

element.addEventListener( 'webkitTransitionEnd',(e)=> { 
console.log( "Finished transition!" );

} );

Example 2: how to use the transition left in css

nav:hover {
  left: 0;
  transition: 2s;
}