jQuery

$(document).ready(function()
{
$("#transition").hover(function()
{
var transition_width = $("#transition").width();
if(transition_width == 100)
{
$("#transition").addClass("transition_class");
}
},function()
{
var transition_width = $("#transition").width();
if(transition_width == 600)
{
window.setTimeout(function() {
$("#transition").removeClass("transition_class");
}, 3000);
}
else $("#transition").removeClass("transition_class");
});
});

CSS
#transition
{
width:100px;
height:50px;
background-color:#FF4E50;
-webkit-transition: width 1s ease,height 1s ease 1s;
-moz-transition: width 1s ease,height 1s ease 1s;
-o-transition: width 1s ease,height 1s ease 1s;
transition: width 1s ease,height 1s ease 1s;
}