Small css3 animation

To show new chrome developer tools features for animations

HTML

<div id="theDiv">Hover for fun</div>

CSS

#theDiv {
    color: #d3ffce;
    height: 100px;
    background: #1fb1c3;
}

#theDiv:hover {
    height: 300px;
    background-color: #003366;
    transition: height 0.5s ease-in;
}