CodePen

HTML

            
              #thing
            
          
!

CSS

            
              #thing {
  width: 200px;
  height: 100px;
  background: orange;
  transition: all 0.2s ease;
}

#thing:hover {
  width: 400px; 
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var box = document.getElementById("thing");

console.log(box);

// Make sure to prefix for other browsers

box.addEventListener( 
     'webkitTransitionEnd', 
     function( event ) { 
         console.log("transition completed!!");
     }, false );
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................