CSS3 Transition - Delays

HTML

<div id="first">Hello World!</div>
<div id="second">Foobar!</div>

CSS

#first {
    height: 100px;
    width: 100px;
    background: #CCC;
    transition: width 2s ease-out;
}

#first:hover {
    width: 300px;
}

#second {
    margin-top: 10px;
    height: 100px;
    width: 100px;
    background: #CCC;
    
}

#second:hover {
  transform: translateY(20px);
    transition: transform 2s ease-out 1s;
}